el-input只能输入除0以外的正整数

el-input只能输入大于0的整数，而且范围是0~360。在使用el-input时，可以通过绑定@input事件来监听输入框的值变化，然后通过正则表达式来限制输入的内容。在method中可以写一个changeInput方法，通过正则表达式将输入框中的非数字字符去除，然后判断输入的值是否大于360，如果大于360，则取余计算，如果用户将输入框内容清除且没有输入其他值，则输入框内容为0。除此之外，还可以使用el-input-number标签来实现只能输入正整数的功能。

相关问题

el-input 只能输入0或者正整数

可以通过以下两种方法来实现el-input只能输入0或者正整数的限制：

1. 使用正则表达式限制输入：

<el-input v-model="inputValue" :pattern="^[0-9]*$" placeholder="请输入0或正整数"></el-input>

在上述代码中，通过给el-input添加pattern属性，并设置正则表达式^[0-9]*$，可以限制输入的内容只能是0或者正整数。

2. 使用自定义校验规则：

<el-input v-model="inputValue" :rules="rules" placeholder="请输入0或正整数"></el-input>

data() {
  return {
    inputValue: '',
    rules: {
      inputNumber: [
        { required: true, message: '请输入0或正整数', trigger: 'blur' },
        { validator: this.validateInputNumber, trigger: 'blur' }
      ]
    }
  }
},
methods: {
  validateInputNumber(rule, value, callback) {
    if (value === '' || /^[0-9]*$/.test(value)) {
      callback();
    } else {
      callback(new Error('请输入0或正整数'));
    }
  }
}

在上述代码中，通过给el-input添加rules属性，并设置自定义校验规则validateInputNumber，可以限制输入的内容只能是0或者正整数。

el-input 只能输入0和正整数

可以通过以下两种方法实现el-input只能输入0和正整数：

1. 使用正则表达式校验输入值：

<el-input v-model="inputValue" @input="validateInput"></el-input>

methods: {
  validateInput() {
    this.inputValue = this.inputValue.replace(/\D/g, '').replace(/^0{1,}/g, '');
  }
}

2. 使用自定义指令限制输入：

<el-input v-model="inputValue" v-positive-integer></el-input>

Vue.directive('positive-integer', {
  bind(el) {
    el.addEventListener('input', function(e) {
      e.target.value = e.target.value.replace(/\D/g, '').replace(/^0{1,}/g, '');
    });
  }
});