码迷,mamicode.com
首页 > 编程语言 > 详细

vue 对 v-for 中数组进行过滤操作

时间:2019-07-21 13:14:48      阅读:254      评论:0      收藏:0      [点我收藏+]

标签:compute   parse   计算   操作   console   com   nbsp   直接   ret   

 

之前写angularjs的时候,filter是可以直接在ng-repeat中使用。但是到了vue好像这个不起作用。

 

具体解决办法:

 

加一个计算属性:

        computed:{
            filterData: function () {
                console.log(JSON.parse(JSON.stringify(this.data)));
                return JSON.parse(JSON.stringify(this.data));
            }
        }

 

然后template中直接引用filterData就可以了,所有过滤的操作可以直接写在filterData属性的后面那个function中。

 

使用:

<Row  v-for="(item, index) in filterData"> </Row>

 

注: filterData不能在data中定义,这是一个计算属性,否则会报错。

 

vue 对 v-for 中数组进行过滤操作

标签:compute   parse   计算   操作   console   com   nbsp   直接   ret   

原文地址:https://www.cnblogs.com/chenmz1995/p/11220767.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!