自定义过滤器
基础
类似于自定义指令,可以用全局方法 Vue.filter()
注册一个自定义过滤器,它接收两个参数:过滤器 ID 和过滤器函数。过滤器函数以值为参数,返回转换后的值:
|
|
过滤器函数可以接收任意数量的参数:
|
|
双向过滤器
目前我们使用过滤器都是在把来自模型的值显示在视图之前转换它。不过也可以定义一个过滤器,在把来自视图(<input>
元素)的值写回模型之前转化它:
|
示例:
Model value: {{money}}
动态参数
如果过滤器参数没有用引号包起来,则它会在当前 vm 作用域内动态计算。另外,过滤器函数的 this
始终指向调用它的 vm。例如:
|
|
上例比较简单,也可以用表达式达到相同的结果,但是对于更复杂的逻辑——需要多于一个语句,这时需要将它放到计算属性或自定义过滤器中。
内置过滤器 filterBy
和 orderBy
,根据所属 Vue 实例的当前状态,过滤/排序传入的数组。
发现错误?想参与编辑?
在 Github 上编辑此页!