美文网首页
element input 表单 禁止输入

element input 表单 禁止输入

作者: 小杰的简书 | 来源:发表于2019-02-19 15:50 被阅读0次

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

    相关文章

      网友评论

          本文标题:element input 表单 禁止输入

          本文链接:https://www.haomeiwen.com/subject/dlkfyqtx.html