其他分享
首页 > 其他分享> > vue的过滤器

vue的过滤器

作者:互联网

vue中的过滤器适用与文本数据切换,在vue中的定义方法;

Vue.filter('过滤器的名字' , function(){});

列子;

<div id="app">
    <p>{{mag | magfeer('爱你')}}</p>
   </div>

  

<script>
    //过滤器的定义方法
    Vue.filter('magfeer',function(data,arg){
        //replace在里面也可以写正则判断
        return data.replace(/单纯/g, arg)
    })
 new Vue({
     el:"#app",
     data:{
         mag:"曾经,我是个单纯的人,单纯的钩子,单纯的kaizi"
     }
 })

</script>

 

标签:vue,replace,单纯,Vue,过滤器,data
来源: https://www.cnblogs.com/jasone/p/12005774.html