element的el-input没有限制输入的内容,想要限制输入内容就需要自己来开发,我使用的方式是正则来判断进行再次赋值实现的, 不废话上代码;
<el-input v-model="accountVal" maxlength="24" @input="accountInput" placeholder="请输入用户账号"></el-input>
通过监控输入框的事实输入,来进行正则盼盼重新赋值处理
accountInput(val){//账号的实时输入
//console.log(val);
let codeReg = new RegExp("[A-Za-z0-9]+"), //正则 英文+数字;
len=val.length,
str='';
for(var i=0;i<len;i++){
if(codeReg.test(val[i])){
str+=val[i];
}
}
this.accountVal=str;
},