vue2.x 中,可以使用過濾器來處理通用文本格式
以下兩種用法都是可以的
<div id="app">
<p>{{ name | filterName }}</p>
<div v-bind:name="name | filterName"></div>
</div>
var app=new Vue({
data:{
name:'名字'
},
filters: {
filterName(value) {
return '什麼' + value
}
}
})
app.$mount('#app')
全局注冊過濾器:在new Vue之前全局注冊
Vue.filter('filterName', function (value) {
if (!value) return ''
value = value.toString()
return '什麼' + value
})
new Vue({
// ...
})
過濾器是個函數---是以也可以加參數
<p>{{ name | filterName('參數') }}</p>
<div v-bind:name="name | filterName('bind')"></div>
filters: {
filterName(value,params) {
return params + value
}