一聚教程网:一个值得你收藏的教程网站

热门教程

Vue过滤器的用法和自定义过滤器使用

时间:2022-06-25 14:31:57 编辑:袖梨 来源:一聚教程网

1、过滤器的用法,用  ‘|' 分割表达式和过滤器。

例如:{{ msg |  filter}}     {{msg | filter(a)}}  a就标识filter的一个参数。

用两个过滤器:{{msg | myfilter | myfilternumber }}

2、自定义的过滤器

过滤器的结构为:Vue.filter("id",function(value,a){});

value是过滤器的一个参数,也是默认的原始值。a是自定义的一个参数。

自定义过滤器的例子:

 代码如下 复制代码

 

  

  

  

  

 

  

    

    msg的值:{{msg}},其中a的个数: {{msg | myfilter('a')}}

    

    

    msg的值:{{msg}},其中b的个数: {{msg | myfilter | myfilternumber}}

 

  

 

热门栏目