element plus 中 设置el-input 只能输入 合法数字

在Element Plus的`el-input`组件中，如果你想限制用户只能输入合法的数字，你可以利用`v-model.number`指令，并配合自定义的事件处理程序。下面是一个简单的例子：

<template>
  <el-input v-model.number="inputValue" :disabled="isDisabled" @keyup.enter="checkInput"></el-input>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
      isDisabled: false,
    };
  },
  methods: {
    checkInput() {
      const value = Number(this.inputValue);
      if (isNaN(value) || !Number.isInteger(value)) {
        this.isDisabled = true;
        // 如果需要显示错误提示，可以在这里添加消息
        console.error('请输入合法的整数');
      } else {
        this.isDisabled = false;
      }
    },
  },
};
</script>

在这个例子中，当用户按下回车键时，会触发`checkInput`方法，检查输入值是否为合法的数字。如果是非法输入，将`isDisabled`设置为`true`，阻止进一步的输入。