guoliping

使用computed 方法来过滤筛选数据;或者使用methods 方式来筛选过滤数据

<body>
    <div id="app">
        <ul>
            <li v-for="item in list">{{item.id}}</li>
        </ul>
        <ul>
            <li v-for="item in listCmputed">{{item.id}}</li>
        </ul>
        <ul>
            <li v-for="item in listMe(list)">{{item.id}}</li>
        </ul>
 
    </div>
    </body>
    <script>
        var app=new Vue({
            el:\'#app\',
            data:{
                list:[{id:11},{id:22},{id:33},{id:44},{id:55},{id:66}],
            },
            computed:{
                listCmputed:function(){
                    return this.list.filter(function(item){
                        return item.id>=33
                    })
                }
            },
            methods:{
                listMe:function(list){
                     return list.filter(function(item){
                        return item.id<=33
                    })
                }
            }
        })
    </script>

  

分类:

技术点:

相关文章:

  • 2021-12-04
  • 2021-12-01
  • 2021-12-14
  • 2021-09-05
  • 2021-12-04
  • 2021-12-11
  • 2021-07-07
猜你喜欢
  • 2021-12-14
  • 2021-10-12
  • 2021-11-02
  • 2021-12-04
  • 2021-05-16
  • 2021-12-04
  • 2021-12-04
相关资源
相似解决方案