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
}