过滤器用例摘要（过滤器技术）

这一次，我将为您带来filter的使用案例总结，以及使用filter的注意事项是什么？下面是实际案例，我们一起来看看。

1.用户定义的过滤器。当然，这包括全局注册和实例化内部注册。

①在全局过滤器中注册

（1）全局方法Vue.filter（）注册一个自定义过滤器，该过滤器必须放在Vue实例化之前。

（2）filter函数总是将表达式的值作为第一个参数。带引号的参数被视为字符串，不带引号的参数被视为表达式。

（3）如果两个滤波器不冲突，则可以设置两个滤波器参数。

（4）用户从input输入的数据也可以在返回模型之前进行处理。

nbsphtml》vue自定义过滤器

{{message | sum}}

{{message | cal 10 20}}

{ {消息|金额|货币}}

Filter默认传入当前项，filter的第一个参数默认为当前项。

2）在实例化内部注册

上面的例子直接在Vue全局上注册，其他不使用此过滤器的实例将被迫接受它。事实上，过滤器只能在使用它的实例中注册。

上面的程序重写为:

nbsphtml》vue自定义过滤器

{{message | sum}}

{{message | cal 10 20}}

{ {消息|金额|货币}}

2.使用js中的迭代函数过滤器。

（1）例1的原文

var app 5 = new Vue（{ El:“# app 5”，数据:{ shoppingList:

其他Js迭代方法-filter（）、map（）、some（）、every（）、forEach（）、lastIndexOf（）。

我相信你看完这个案例后已经掌握了方法。更多精彩请关注主机参考其他相关文章！

推荐阅读:

如何在dom中获取类的值

实战项目编译后不在根目录下怎么办？

以上是filter用例的详细总结。更多内容请关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• 如何全局使用过滤器（全部过滤）
• 过滤器用例总结(过滤器业务处理方法)
• 如何全局使用过滤器(如何设置过滤器)

本文由主机参考刊发，转载请注明：过滤器用例摘要（过滤器技术） https://zhujicankao.com/105062.html