vue 的过滤器

Posted xzzzys

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 的过滤器相关的知识,希望对你有一定的参考价值。

1.0版本:

  limitBy

  filteBy

  orderBy

  lowerBy

  upperBy

  json

  currency

  capitalize

  pluralize

  debounce

2.0版本:

要自己实现过滤,{{msg | uppercase}}  {{msg | limitTo(5) }}如下:

局部过滤:  在vue对象里写属性:

“filter”:{//自定义过滤器

  "uppercase";function(data){  //data为取到的msg数据

    return  data.toUppercase();  //转大写

  },

  "limitTo":function(data,index){   //截取数据

    if(!data){

      return;

    }else{

      return  data.slice(0,index);

    }

  }

}

 

全局过滤:

必须写在new vue({})前面

vue.filters()

vue.extend()

 

以上是关于vue 的过滤器的主要内容,如果未能解决你的问题,请参考以下文章

vue之过滤器和渲染优化

vue如何自定义过滤器

Vue过滤器

vue之过滤器

vue过滤器可以解决哪些问题?

vue过滤器的使用