el-input 限制输入小于0的负整数

`el-input` 是 Element UI 中的一个组件，它是一个用于文本输入的单行输入框。如果你想限制用户在 `el-input` 中输入的值必须是小于零的负整数，可以借助 Vue.js 的计算属性、watch 和自定义验证规则来实现。

1. 首先，在模板中使用 `v-model` 绑定输入值到一个数据属性，比如 `value`：

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

2. 然后在组件的 script 部分，定义计算属性检查输入是否为负整数：

export default {
  data() {
    return {
      inputValue: '',
      isNegativeInteger: false,
    };
  },
  computed: {
    formattedValue() {
      // 计算属性，处理显示值，这里暂不做转换，只判断是否符合要求
      const num = parseInt(this.inputValue);
      if (num < 0 && Number.isInteger(num)) {
        this.isNegativeInteger = true;
      } else {
        this.isNegativeInteger = false;
      }
      return num;
    },
  },
  methods: {
    validateInput(value) {
      this.isNegativeInteger = parseInt(value) < 0 && Number.isInteger(value);
      // 如果不符合要求，可以在其他地方添加错误提示或阻止提交
    },
  },
};

3. 使用 `isNegativeInteger` 变量来控制输入的样式或提供校验反馈：

<template>
  <el-input :disabled="!isNegativeInteger" v-model="inputValue" @input="validateInput">
</el-input>
<span v-if="isNegativeInteger">请输入负整数</span>
</template>