- v-model不能使用过滤器(filter)
- 如果v-model绑定的数据需要修改格式,例如input输入框只能输入汉字,数字和字母等都需要过滤掉
方法一:使用computed,但是多个框时computed不能很好的复用
<el-input
style="width: 217px"
v-model="tagName"
type="text"
size="mini"
placeholder="请输入名称"
></el-input>
data(){
return {
tagName2:''
}
},
computed:{
tagName: {
get: function () {
return this.tagName2
},
set: function (value) {
this.tagName2=value.replace(/[\w]/g,'')
},
},
}
方法二:使用input事件,通过传值验证输入框中的内容
<el-input
style="width: 217px"
v-model="tagName"
@input="tagNameFormat('tagName',tagName)"
type="text"
size="mini"
placeholder="请输入名称"
></el-input>
data(){
return {
tagName:''
}
},
methods:{
tagNameFormat(data,val){
this[data]=val.replace(/[\w]/g,'')
},
}