限制input只能输入数字

1. 

<el-input v-model.trim="xxData.num" @input="xxData.num = xxData.num.replace(/[^\d]/g, '')"></el-input>

 

2. 用表单的自定义校验

// js
let checkNum = (rule, value, callback) => {
  if (!value) {
    callback(new Error('请输入xxx'))
  } else if (!Number.isInteger(Number(value))) {
    callback(new Error('请输入数字值'))
  } else if (value.length > 10) {
    callback(new Error('最多输入10位数'))
  } else {
    callback()
  }
}


// *.vue
// rules: {
//   num: [{ required: true, validator: checkNum, trigger: 'blur' }]
// }

 

3. 限制输入整数

<el-input v-model.trim.number="xxData.num"></el-input>