过滤器 局部过滤器

过滤器 :对常用文本的格式化        常用于格式化  时间  价格

过滤器 分为 全局过滤器   和局部过滤器  

过滤器内没有 this指向   

过滤器的第一个参数是管道符前面的数据,第二个第三个 filterPrice(1,2)

过滤器可以串联使用

全局的 Vue.filter('过滤器的id',()=>{})

 * 局部的 和data同级  filters:{id(){}}

<div>
<p>价格: {{price | filterPrice(1,2) | filterPriceHaha}}</p>
    <h5>{{timeStr | filtertime}}</h5>
</div>


     *
         */
        filters:{
            filterPrice(price,a,b){ // 一定有return
                console.log(a,b)
                return '¥' + price
            },
            filterPriceHaha(str){
                return 'haha' + str
            }
     }

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值