需知:

在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>

 

 

 

Logo

前往低代码交流专区

更多推荐