element input 表单 禁止输入

1.页面使用@keyup方法

<el-form-item label="账号:" prop="account">
     <el-input v-model="form.account"    @keyup.native="inputChange('account')" placeholder="支持字母及数
        字" :disabled="isDisabled">
    </el-input>
 </el-form-item>

2.方法执行进行替换

inputChange(type){
          if(type=='account'){
            this.form.account=this.form.account.replace(/([\u4e00-\u9fa5])|(\s)|[^\d\w]/g, '');
          }else{
            this.form.mobile=this.form.mobile.replace(/[^\d]/g,'');
          }
      },

推荐阅读更多精彩内容