vue2.0过滤器filters

过滤器(Filters) 是vue为开发者提供的功能，常用于文本的格式化。过滤器可以用在两个地方:插值表达式和v-bind属性绑定。
过滤器应该被添加在JavaScript表达式的尾部，由“管道符”进行调用，示例代码如下:

1. <!--在双花括号中通过"管道符"调用capitalize 过滤器，对row的接口返回值进行处理-->

2. <div v-for="(i, index) in columns" :key="i" :field="i" :title="i">

            <span>{{ row | filterQuarter(index) }}</span>

     </div>

// filters过滤器方法

filters: {

          /*

          *filterQuarter花括号定义过滤器名称

          * row管道前传入数据

          * 最后return回处理过后数据

        */

    filterQuarter(row, index) {

      return row[`quarter${index + 1}`]

    }

  }

 

注意：

1. 要定义到filters节点下，本质是一个函数
2. 在过滤器函数中，一定要有return值
3. 在过滤器的形参中，就可以获取到“管道符"前面待处理的那个值