vue自定义过滤器的创建和使用

过滤器:生活中有很多例子,净水器,空气净化器。实现数据的筛选,过滤和格式化

vue1.*版本是由内置的过滤器,但是在vue2.*所有的版本都已经没有自带的过滤器了

过滤器的本质就是一个有参数有返回值的方法

1.过滤器的创建

new Vue({

filters:{

mycurency:function(myinout){

return 处理后的数据

}

}

})

2.过滤器的使用

语法:<any>{ {表达式 | 过滤器}}<any>

举个例子

<h1>{ {myprice | mycurrency}}</h1>

3.过滤器的高级用法

在使用过滤器的过程中,还可以指定参数,来告诉过滤器按照参数进行数据的过滤

①如何给过滤器传参

<h1>{ {myprice | mycurrency("¥")}}</h1>

②如何在过滤器中接收到?

filters:{//myinput是通过管道传来的数据。arg1是调用过滤器时圆括号中

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值