vue中的filter

filter含义:Vue中filter过滤器是一个非常强大的功能。个人觉得称它为加工车间会更加贴切一                       些。过滤器可以用来筛选出符合条件的,丢弃不符合条件的;加工车间既可以筛选,                       又可以对筛选出来的进行加工。

filter作用:对值进行筛选加工。

filter使用位置和方式:

  1. {{ msg | filterA }}双括号插值内。

  2. <h1 v-bind:id=" msg | filterA">{{ msg }}</h1>v-bind绑定的值的地方。
    (msg为需要filter处理的值,filterA为过滤器。)
    方式

  3. {{ msg | filterA }}单个使用。

  4. {{ msg | filterA| filterB }}多个连用。

filter制作:

new Vue({
    filters:{
    //过滤器一:(使用时没有参数,即{{msg|filterA}})
          filterA(value){
            return “¥”+value
          }
        }
    })
    //添加filters属性,该属性内的函数就是过滤器。其中value就是{{msg|filterA}}中的msg。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值