主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
这次我给大家带来的是filter的使用案例总结。使用滤网有什么注意事项?以下是实际案例。让我们来看看。
1.自定义过滤器,当然这包括全局注册和实例化内部注册。
(1)在全局过滤器中注册
(1)全局方法Vue.filter()注册一个自定义过滤器,必须放在Vue实例化之前。
(filter函数总是将表达式的值作为第一个参数。带引号的参数被视为字符串,而不带引号的参数被视为表达式。
(3)可以设置两个滤波器参数,只要这两个滤波器彼此不冲突。
(4)用户从input输入的数据也可以在传输回模型之前进行处理。
lt!DOCTYPE html gt lthtml gt lthead gt ltmeta charset = ut F-8 ; gt lttitle gtVue自定义滤镜; lt输入类型= 文本 v-型号= 邮件|更改 gt lt!--用户从input输入的数据也可以由--处理,然后再传输回model >: lt;/p gt; lt脚本类型= text/JavaScript ; gt//-----------------------------------------------------------------------------3总和 、function(value) {//全局方法Vue.filter()注册一个自定义过滤器,必须放在Vue返回值+4的实例化之前;});vue . filter( # 39;卡尔 # 39;、function (value,begin,xing) {//全局方法Vue.filter()注册一个自定义过滤器,必须放在Vue返回值+begin+xing的实例化之前;});//------------------------------------------------------------------------------3改变 ,{ read:function(value){//model - gt;视图正在更新
(2)在实例化中注册。
上面的例子是直接在Vue Global上注册的,其他不使用这个过滤器的实例会被强制接受。事实上,过滤器可以在实例中注册,只能在使用它的实例中注册。
上面的程序重写为:
lt!DOCTYPE html gt lthtml gt lthead gt ltmeta charset = ut F-8 ; gt lttitle gtVue自定义滤镜; lt输入类型= 文本 v-型号= 邮件|更改 gt lt!--用户从input输入的数据也可以由--处理,然后再传输回model >: lt;/p gt; lt脚本类型= text/JavaScript ; gtvue . filter( ;改变 ,{ read:function(value){//model - gt;视图正在更新
(1)例1的原文
var app 5 = new Vue({ El: # 39;# app5 # 39,数据:{ shoppingList:
其他一些Js迭代方法——filter(),map(),Some(),every(),forEach(),lastIndexOf()。
相信你看完这个案例已经掌握了方法。更多精彩请关注主机参考其他相关文章!
推荐阅读:
如何在dom中获取类的值
实战编译后项目不在根目录下怎么办?以上是filter用例总结的详细内容。请多关注主机参考其他相关文章!
这几篇文章你可能也喜欢:
本文由主机参考刊发,转载请注明:过滤器用例总结(过滤器业务处理方法) https://zhujicankao.com/80156.html
评论前必须登录!
注册