对文本进行处理:使用过滤器
//局部过滤器
<template>
<div class="son">
<input type="text" v-model="msg">
{{ msg | formatName }}
</div>
</template>
<script>
export default {
data() {
return {
msg:''
}
},
filters:{
formatName(value){
if (value.indexOf('aa')!=-1) {
return 'bb';
}
return value;
// console.log(value); //value即传过来的msg
}
}
}
</script>
//全局过滤器 在main.js写
Vue.filter('globalName',(val) => {
return val; //val也是传过来的msg
})
//使用:
{{msg | globalName}}