vue+element,怎么让这三个输入框只能输入9位数,

vue+element,怎么让这三个输入框只能输入9位数,超过提示,只能输入9位数,有没有具体怎么写呢?

img

img

img

给你提供一个思路,首先正则表达式判断输入的字符串必须是数字,然后elementui 属性设置长度为9 即可

maxlength

可以试试我这端代码
<el-input-number v-model="fileCount" :min="1" :max="999999999" label="请填写收文份数" @keyup.native="UpNumber" @keydown.native="UpNumber">

UpNumber(e) {
     e.target.value = e.target.value.replace(/[^\d]/g, '')
}

监听输入框的值 用正则表达式验证 if else 判断


      con: [
          { required: true, message: '内容不能为空', trigger: 'blur' },
          { type: 'number', message: '内容必须为数字值' },
          { min: 1, max: 9, message: '长度在 1 到 9 个字符', trigger: 'blur' }
        ],