vue项目 el-input输入框字符限制，只显示英文及数字

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;
   },