1. 程式人生 > >vue過濾器的使用

vue過濾器的使用

只能用在兩個地方v-bind指令和mustachc

定義一個全域性過濾器

<p :class="classobj">{{msg | myguolv}}</p>
Vue.filter('myguolv',function(msg){
		return msg.replace('單純','邪惡')
	})
	
 var vm = new Vue({
   el:'#app',
   data:{
	       msg:'我曾經是個單純的少年',
   flag:0,
   classobj:{red:true,active:true}
   }
   });

可以有多個過濾器,過濾器的第二個值arg可以進行傳多個引數

<p :class="classobj">{{msg | myguolv(msg,arg,arg2) | myguolv2}}</p>

定義一個私有的過濾器

 var vm = new Vue({
   el:'#app',
   data:{
	       msg:'我曾經是個單純的少年',
   flag:0,
   classobj:{red:true,active:true}
   },
   filters:{//[過濾器名稱和處理函式]
	   myguolv1:function(msg){
		   return msg+"123";
	   }
   }
   });