Vue.js根据列表某列值更新filter

最新推荐文章于 2024-05-16 10:38:04 发布

weixin_30367543

最新推荐文章于 2024-05-16 10:38:04 发布

阅读量155

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/honghong75042/p/8124809.html

版权



<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="../Scripts/jquery-1.10.2.min.js"></script>

</head>
<body>
    
      
        <div id="matchList" >
            <input type="button" value="刷新" οnclick="refesh()" />
            <div v-for="(item,index) in eventList":id="item.id">
                
                    {{item.name}}
                
                
            </div>
            
        </div>
    
    

    <script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script>
    <script type="text/javascript">
        var data = [{ "id": "1", "name": "hh1" }, { "id": "2", "name": "hh2" }, { "id": "3", "name": "hh3" }];
        var vm = null;
        vm=new Vue({
            el: "#matchList",
            data: {
                eventList: data
            }

        });

        var eventNum = -1;
        function refesh() {
            data = [{ "id": "1", "name": "hh11" }];
            //vm.eventList = data;
            for (var i = 0; i < data.length; i++) {
                var name = data[i].name;
                var id = data[i].id;
                var item = $(vm.eventList).filter(function (index, item) { if (item.id == id) { eventNum = index; } }); 

                
                if (eventNum > -1) {
                    console.log(eventNum);
                    vm.eventList[eventNum] = data[i];
                    console.log(vm.eventList[0]);
                }
                

                
                
            }
            //vm.eventList[0] = data[0];
            vm.$set(vm.eventList, 0, vm.eventList[0]);
        }

    </script>

</body>
</html>

转载于:https://www.cnblogs.com/honghong75042/p/8124809.html

weixin_30367543

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue.js根据列表某列值更新filter

<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <script src="../Scripts/jquery-1.10.2.min.js"></script>&lt...
复制链接

扫一扫