过滤器的使用案例摘要

这次我给大家带来的是filter的使用案例总结。使用滤网有什么注意事项？以下是实际案例。让我们来看看。

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

(1)在全局过滤器中注册

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

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

(3)可以设置两个滤波器参数，只要这两个滤波器彼此不冲突。

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

& lt！DOCTYPE html & gt& lthtml & gt& lthead & gt& ltmeta charset = & quotut F-8 & quot；& gt& lttitle & gtVue自定义滤镜；& lt输入类型= & quot文本& quotv-model = & quot；邮件|更改& quot& gt& lt！--用户从input输入的数据也可以由--处理，然后再传输回model >:& lt；/p & gt；& lt脚本类型= & quottext/JavaScript & quot；& gt//-----------------------------------------------------------------------4总和& quot、function(value) {//全局方法Vue.filter()注册一个自定义过滤器，必须放在Vue返回值+4的实例化之前；});vue . filter(& # 039；卡尔& # 039；、function (value，begin，xing) {//全局方法Vue.filter()注册一个自定义过滤器，必须放在Vue返回值+begin+xing的实例化之前；});//--------------------------------------------------------------------4改变& quot，{ read:function(value){//model -& gt；视图正在更新

(2)在实例化中注册。

上面的例子是直接在Vue Global上注册的，其他不使用这个过滤器的实例会被强制接受。事实上，过滤器可以在实例中注册，只能在使用它的实例中注册。

上面的程序重写为:

& lt！DOCTYPE html & gt& lthtml & gt& lthead & gt& ltmeta charset = & quotut F-8 & quot；& gt& lttitle & gtVue自定义滤镜；& lt输入类型= & quot文本& quotv-model = & quot；邮件|更改& quot& gt& lt！--用户从input输入的数据也可以由--处理，然后再传输回model >:& lt；/p & gt；& lt脚本类型= & quottext/JavaScript & quot；& gtvue . filter(& quot；改变& quot，{ read:function(value){//model -& gt；视图正在更新

(1)例1的原文

var app 5 = new Vue({ El:& # 039；# app5 & # 039，数据:{ shoppingList:

其他一些Js迭代方法——filter()，map()，Some()，every()，forEach()，lastIndexOf()。

相信你看完这个案例已经掌握了方法。更多精彩请关注即时码站其他相关文章！

推荐阅读:

如何在dom中获取类的值

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