zoukankan      html  css  js  c++  java
  • 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中定义,这是一个计算属性,否则会报错。

  • 相关阅读:
    JAVA面向对象概述
    练习
    字符串
    图形代码
    assets转到内外部存储
    file存储
    sp存储
    Intent练习
    存储登录
    存储
  • 原文地址:https://www.cnblogs.com/chenmz1995/p/11220767.html
Copyright © 2011-2022 走看看