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>

 

posted on 2019-12-08 14:54    阅读(191)  评论(0)    收藏  举报