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

之前写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中定义,这是一个计算属性,否则会报错。

猜你喜欢

转载自www.cnblogs.com/chenmz1995/p/11220767.html