需知:
在Vue中
<input v-model="text" />
等价于
<input :value="text" @input="e => text = e.target.value" />
在mian.js中添加【vue原型上添加方法,便于全局使用】:
Vue.prototype.validForbid = function (value) {
value = value.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|,./;'\\[\]·~!@#¥%……&*()——\-+={}|《》?:“”【】、;‘’,。、]/g, '').replace(/\s/g, "");
return value;
}
在组件中的应用:
<el-input :value="name" @input="e => name = validForbid (e)"></el-input>