2022-09-03【vue中的过滤器】

102 阅读1分钟

一、filter的作用是:对值进行筛选加工。

二、使用的地方有两个位置,和两个方式。

使用位置:

双括号插值内

{{ msg | filterA }}

v-bind绑定的值的地方

<h1 v-bind:id=" msg | filterA">{{ msg }}</h1>

(注意:msg为需要filter处理的值,filterA为过滤器。)

使用方式

单个使用

{{ msg | filterA }}

多个连用

{{ msg | filterA| filterB }}

三、过滤器的制作方法:


new Vue({ 
filters:{     
  filterA(value){            
  return “¥”+value}
}
})   
//添加filters属性,该属性内的函数就是过滤器。其中value就是{{msg|filterA}}中的msg。