网站建设资讯

NEWS

网站建设资讯

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://njwzjz.com/article/pjcjod.html