vue element ui el-input限制只能输入数字,且不能小于1

vue yekong

vue外包项目开发,要求el-input输入框只能输入数字,且数字不能小于1,将实现方法记录一下。

html

<el-input @input="inputChangeMinOne('maxCharacterCount')" class="maxInput"
                          v-model="ruleForm.maxCharacterCount"
                          placeholder="最大值"></el-input>

js

inputChangeMinOne(data) {
  var min = 1
  if (Number(this.ruleForm[data].replace(/[^\d]/g, '')) < min) {
    this.ruleForm[data] = min
  } else {
    this.ruleForm[data] = this.ruleForm[data].replace(/[^\d]/g, '')
  }
},
喜欢