vue.js输⼊框输⼊值⾃动过滤特殊字符替换中问标点操作我就废话不多说了，⼤家还是直接看代码吧~
<Input v-model="relatedWords" type="textarea" placeholder="请输⼊"
@input='latedWords)'/>
verifyInput(v){
let _this=this;
let punctuation = /[`~!@#$%^&*_\-=<>?:"{}|.\/;'\\[\]·~！@#￥%……&——\-={}|《》？：“”【】、；‘'。、]/im;
let arr=v.split('')
let str=''
arr.map(i=>{
if(!st(i)){
str+=i
}
})
place(/（/g,'(')
place(/）/g,')')
place(/，/g,',')
this.$nextTick(j=>{
})
},
补充知识：vue el-input 禁⽌输⼊特殊字符只可输⼊数字正则验证
我就废话不多说了，⼤家还是直接看代码吧~
<el-input
size="small"
v-model="city"
placeholder="请输⼊城市名称"
@blur="addCity(scope.$index)"
@keyup.native="btKeyUp"
@keydown.native="btKeyDown"
></el-input>
// methods内
// 只能输⼊汉字、英⽂、数字
btKeyDown(e) {
e.target.value = e.place(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,"");
},
//限制输⼊特殊字符
btKeyUp(e) {
e.target.value = e.place(/[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘'，。、]/g,"");
}
在el-input 内使⽤ keyup等事件需要添加 .native 否则⽆法正常执⾏事件
下⾯是只可输⼊数字
<el-input
size="small"
v-model="der_number"
v-show="w.isShowInp_order"
@blur="editOrder(scope.$w)"
v-focus
@keyup.native="UpNumber"
@keydown.native="UpNumber"
class="table_input"
></el-input>
// 只可输⼊数字
UpNumber(e) {
e.target.value = e.place(/[^\d]/g,"");
}
input框禁止输入
以上这篇vue.js 输⼊框输⼊值⾃动过滤特殊字符替换中问标点操作就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。