自定义过滤器,可被用于一些常见的文本格式化,过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 ,可直接在main.js中定义全部过滤器。
Vue.filter('addMoney1', function (value) {
if(typeof(value)==="number"){
return "¥" + value;
}else {
return value;
}
})
也可在当前组件中定义局部过滤器
<script>
export default {
name: "hello",
filters:{
addMoney2(value) {
if(typeof(value)==="number"){
return "¥" + value;
}else {
return value;
}
}
}
}
</script>
页面使用:(可多个过滤器一起使用,用 | 分隔开)
{{ value | addMoney1| addMoney2}}
网友评论