el-input type="number" 不让输入负数

`el-input` 是 Element UI 中的一个组件，它是一个用于输入文本的单行输入框，如果要在其中限制用户只能输入数字并且不允许输入负数，可以利用其 `type` 属性结合自定义验证事件来实现。

在 Vue.js 中，你可以这样做：

1. 首先，在 HTML 上设置 `type="number"` 保证默认只允许数字输入。

<el-input v-model.number="numberValue" :disabled="isDisabled" @input="checkNumber"></el-input>

2. 定义一个布尔变量 `isDisabled` 初始值设为 `true`，后续根据验证结果改变。
3. 添加一个方法 `checkNumber` 来处理输入事件，检查输入的数值是否为正数。

export default {
  data() {
    return {
      numberValue: null,
      isDisabled: true, // 默认禁止输入负数
    };
  },
  methods: {
    checkNumber(e) {
      if (e.value < 0) {
        this.isDisabled = true;
        alert('请输入非负数');
      } else {
        this.isDisabled = false; // 输入为正数则取消禁用
      }
    },
  },
};

当输入的值小于零时，会阻止输入并显示提示信息，直到用户输入正数才会恢复正常输入。