怎么在vue中自定义一个过滤器-创新互联
这篇文章将为大家详细讲解有关怎么在vue中自定义一个过滤器,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
成都创新互联-专业网站定制、快速模板网站建设、高性价比库车网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式库车网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖库车地区。费用合理售后完善,十余年实体公司更值得信赖。1、过滤器创建
过滤器的本质 是一个有参数 有返回值的方法
new Vue({ filters:{ myCurrency:function(myInput){ return 处理后的数据 } } })
2、过滤器使用
语法:
举个例子:
{{price | myCurrency}}
3、过滤器高级用法
在使用过滤器的时候,还可以指定参数,来告诉过滤器按照参数进行数据的过滤。
①如何给过滤器传参?
{{price | myCurrency('¥',true)}}
②如何在过滤器中接收到?
new Vue({ filters:{ //myInput是通过管道传来的数据 //arg1在调用过滤器时在圆括号中第一个参数 //arg2在调用过滤器时在圆括号中第二个参数 myCurrency:function(myInput,arg1,arg2){ return 处理后的数据 } } })
代码:
{{msg}}
{{price}}
{{price | myCurrency('¥')}}
{{msg}}
{{name | myTextTransform(false)}}
过滤器 {{msg}}
{{price}}
{{price|myCurrency}}
关于怎么在vue中自定义一个过滤器就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
当前题目:怎么在vue中自定义一个过滤器-创新互联
标题来源:http://scyanting.com/article/pceip.html