el-input-number输入时，触发校验不能为空，但是里面已经有数了

如果el-input-number里面已经有数，那么校验不能为空的触发肯定是有问题的。可能的原因是代码中设置了该输入框的校验规则，但是没有正确处理输入框中已有的数值。

解决方法：

1.检查代码中是否设置了该输入框的校验规则，如果有，确保已正确处理输入框中已有的数值。

2.如果代码中没有设置校验规则，那么可能是el-input-number组件本身的问题，可以尝试更新组件版本或者寻求官方支持。

相关问题

对表单里面的el-input-number 添加校验

要对表单里的 `el-input-number` 添加校验，可以使用 `rules` 属性来实现。

例如，我们要对一个 `el-input-number` 组件进行校验，要求输入的值必须大于等于10，可以这样写：

<el-form-item label="数量" prop="num">
  <el-input-number v-model="form.num" :min="10"></el-input-number>
</el-form-item>

其中，`prop` 属性用于指定校验的属性名，`min` 属性用于指定最小值。

同时，还需要在 `el-form` 组件上设置 `rules` 属性，来进行校验规则的配置。例如：

<el-form :model="form" :rules="rules">
  <!-- 表单项省略 -->
</el-form>

其中，`rules` 数组中每个元素表示一个校验规则，可以使用 `validator` 属性指定一个校验函数，例如：

export default {
  data() {
    return {
      form: {
        num: null
      },
      rules: [
        {
          prop: 'num',
          validator: this.validateNum,
          trigger: 'change'
        }
      ]
    }
  },
  methods: {
    validateNum(rule, value, callback) {
      if (value < 10) {
        callback(new Error('数量不能小于10'))
      } else {
        callback()
      }
    }
  }
}

上述代码中，`rules` 数组中只包含一个元素，表示对 `num` 属性进行校验。`validator` 属性指定了一个校验函数 `validateNum`，该函数接收三个参数：

- `rule`：校验规则对象，包含 `prop` 属性等信息
- `value`：当前表单项的值
- `callback`：校验结果的回调函数，接收一个 `Error` 对象或者 `undefined`

在校验函数中，需要根据实际需求完成校验逻辑。如果校验通过，需要调用 `callback()` 来通知校验成功，如果校验不通过，需要调用 `callback(new Error('错误提示'))` 来通知校验失败并提示错误信息。此外，`trigger` 属性可以用来指定触发校验的事件，默认为 `change`。

el-input-number表单校验不能小于等于0的小数

在Element UI的`el-input-number`组件中，如果你想要设置一个校验规则，使得输入值不能小于等于0并且是一个小数，你可以通过`v-model.number`绑定值并利用自定义验证函数来实现。首先，你需要监听`input`事件并在该事件中检查输入是否符合条件。

<template>
  <el-form-item label="数值">
    <el-input-number v-model.number="number" :min="0" @input="validateNumber"></el-input-number>
  </el-form-item>
</template>

<script>
export default {
  data() {
    return {
      number: 0,
    };
  },
  methods: {
    validateNumber(value) {
      if (!Number.isNaN(value) && value <= 0) {
        this.$refs.inputNumber.setValid(false);
        // 可以在这里显示错误提示或者阻止提交等操作
        console.log('输入值不能小于等于0');
      } else {
        this.$refs.inputNumber.setValid(true);
      }
    },
  },
};
</script>

在这个例子中，我们设置了`min=0`限制最小值，并在`input`事件触发时检查`value`。如果不符合条件，则禁用输入框并执行相应的错误处理。