vue過濾器的使用
阿新 • • 發佈:2018-12-22
只能用在兩個地方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"; } } });