Vue项目 采用ElementUI,实现el-input禁止输入特殊字符
需知:在Vue中<input v-model="text" />等价于<input :value="text" @input="e => text = e.target.value" />在mian.js中添加【vue原型上添加方法,便于全局使用】:Vue.prototype.validForbid = function (value) {...
·
需知:
在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>
更多推荐
已为社区贡献1条内容
所有评论(0)