六、vue基础--过滤器定义

七、过滤器定义
1.使用:{{username|strip}}、<a :href="url|strip">百度</a>
2.定义:都是定义一个函数,这个函数的第一个参数永远是被过滤的那个变量
a.局部定义:在组件中添加一个filters,然后在filters中添加过滤器
b.通过Vue.filters('过滤器名称',函数)
3.传参:如果需要传参,可以在定义过滤器的时候,提供其他参数,在使用的时候直接跟普通函数一样传递就可以了。代码如下:

<div id='app'>
  <!-- <p>{{username|strip("哈哈")}}</p> -->
  <p>{{username|strip("哈哈")}}</p>
</div>
<script>
  // Vue.filter("strip",function(value){
  // return value.replace(" ","")
  //去掉下面的空格,这个支持正则
  Vue.filter("strip",function(value,string){
    return value.replace(" ",string)
  }) 
  new Vue({
    el:'#app',
    data:{
      username:"张三 李四"
    }
  })
</script>

未完。。。

猜你喜欢

转载自www.cnblogs.com/Mr-Simple001/p/12084899.html
今日推荐