基础

类似的自定义指令，你可以与全球的方法Vue.filter登记自定义过滤器（），它接收两个参数：过滤ID和过滤功能，过滤函数返回转换后的值与值作为参数。


Vue.filter（回功能（价值）{
返回value.split（''）。反（）加入（）。
}）



CBA>




筛选器函数可以接收任意数量的参数：




Vue.filter（'wrap功能（价值，开始，结束）{
返回开始+值+结束
}）




在你好之后





双向滤波器

目前，我们使用过滤器在视图显示之前转换模型的值，但是您也可以定义一个过滤器来从视图（元素）返回到模型的值：


Vue.filter（'currencydisplay，{
模型>视图
在更新元素之前更新格式
读取：函数（瓦尔）{
返回$+ val.tofixed（2）
}，
视图/ >模型
在写回值格式化数据之前
写：功能（Val，oldval）{
VaR值= + val.replace（ / { ^ D. } /克，）
返回isnan（数）0：parseFloat（number.tofixed（2））
}
}）




动态参数

如果过滤器参数没有被引号所覆盖，它将在当前VM范围内动态计算。此外，这个过滤器函数总是指向调用它的VM：



{ { } } |味精连接用户输入



Vue.filter（'concat功能（值，输入）{
/ / `输入` = `这个用户输入`。
返回值+输入
}）




这是比较简单的，也可以用表达式来实现相同的结果，但是要比复杂的逻辑需要更多，那么我们需要把它放在计算属性或自定义过滤器中。

内置滤波器滤波器和滤波器/排序进行排序，根据当前状态的Vue实例属传入的数组。



以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。