vue2中filter()的实现代码

vue2.0里,不再有自带的过滤器,需要自己定义过滤器。定义的方法如下:

创新互联建站主打移动网站、网站建设、做网站、网站改版、网络推广、网站维护、域名注册、等互联网信息服务,为各行业提供服务。在技术实力的保障下,我们为客户承诺稳定,放心的服务,根据网站的内容与功能再决定采用什么样的设计。最后,要实现符合网站需求的内容、功能与设计,我们还会规划稳定安全的技术方案做保障。

注册一个自定义过滤器,它接收两个参数:过滤器 ID 和过滤器函数。

Vue.filter('filtername',function(value,参数){
    return 参数+value.split('').reverse().join('');

  });1234123 

完整代码如下:





Document





msg is:
{{msg}}


reverse msg is:
{{msg|reverseString( 'Hello:' )}}

12345678910111213141516171819202122232425262728293031323334353637383940411234567891011121314151617181920212223242526272829303132333435363738394041

输出结果为:

msg is: 
you are mine
reverse msg is: 
Hello:enim era uoy

以上所述是小编给大家介绍的vue2中filter()的实现代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!


网站栏目:vue2中filter()的实现代码
分享链接:http://bzwzjz.com/article/pjcjod.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 营销网站建设 成都网站制作 教育网站设计方案 成都品牌网站设计 成都网站制作 定制网站制作 企业网站建设 网站制作 成都网站建设 成都网站建设 重庆电商网站建设 定制网站设计 网站建设开发 成都网站制作 网站设计制作 网站设计公司 定制级高端网站建设 网站建设费用 手机网站设计 温江网站设计 成都网站制作 品牌网站建设