el-input输入1到100正整数

el-input在Element UI库中是一个用于输入的组件，它支持范围限制。如果你想让用户只输入1到100之间的正整数，你可以结合v-model指令和 Vue 的计算属性以及自定义事件来实现。以下是基本步骤：

1. 首先，在HTML部分，创建一个el-input元素，并添加一个`type="number"`限制输入类型为数字：

<el-input v-model.number="inputValue" :min="1" :max="100" placeholder="请输入1到100之间的正整数"></el-input>

2. 然后，在Vue的data中定义`inputValue`作为双向绑定的值：

export default {
  data() {
    return {
      inputValue: null,
    };
  },
  //...
}

3. 使用计算属性确保输入始终在范围内，如果超出，则自动设置回合法范围：

computed: {
  validatedInput() {
    const value = parseInt(this.inputValue);
    if (isNaN(value) || !Number.isInteger(value) || value < 1 || value > 100) {
      this.inputValue = 1;
    } else {
      this.inputValue = value;
    }
    return this.inputValue;
  },
},
watch: {
  inputValue(newVal) {
    this.$emit('input', newVal);
  },
},
methods: {
  // 如果需要，可以在此处添加一个校验输入并处理相应事件的方法
  handleInputChange(event) {
    // ...
  },
},
//...

4. 当用户改变输入时，会触发`handleInputChange`事件，这里你可以做进一步的验证或更新状态。