el-input-number如何限制只能输正整数

在Element UI的`el-input-number`组件中，要限制用户输入的值仅限于正整数，你可以通过设置其属性和事件监听来实现。首先，在HTML部分添加`el-input-number`：

<el-input-number v-model.number="inputValue" :min="0" @change="handleChange"></el-input-number>

这里有几个关键配置：
1. `v-model.number="inputValue"`：`number`修饰符用于将输入绑定到一个数字型变量`inputValue`，确保用户输入始终为数值。
2. `:min="0"`：设置了最小值为0，防止输入负数。

然后，在Vue组件的script部分处理变化事件：

export default {
  data() {
    return {
      inputValue: 0,
    };
  },
  methods: {
    handleChange(value) {
      // 如果输入的不是正整数，清空并提示用户
      if (!Number.isInteger(value) || value < 0) {
        this.inputValue = 0;
        alert('请输入正整数！');
      }
    },
  },
};

当用户输入非正整数时，`handleChange`方法会被触发，检查输入是否合法，如果不合法，则清除当前值并显示警告。