a-input最大最小值校验

`a-input` 是 Ant Design Vue 中的一个输入框组件，它提供了一种便捷的方式来添加最大值和最小值的校验功能。在 Vue 项目中，你可以通过设置 `v-model` 属性绑定输入框的值，并使用 `type="number"` 定义为数值输入。同时，可以利用自定义验证规则（`v-bind:class="{ invalid: validate('max') || validate('min') }"`）配合 `methods` 中的验证方法（如 `validate(max) { return this.value > max; }`）来检查输入是否超出指定的最大值。

当输入的值小于最小值或者大于最大值时，`invalid` 类会被激活，显示相应的错误提示。例如：

<template>
  <a-input v-model.number="value" :max="maxValue" :min="minValue"
           placeholder="请输入数值"
           :class="{ invalid: validate('max') || validate('min') }">
  </a-input>
</template>

<script>
export default {
  data() {
    return {
      value: '',
      maxValue: 100,
      minValue: 0,
    };
  },
  methods: {
    validate(field) {
      if (field === 'max' && this.value > this.maxValue) {
        return true;
      }
      if (field === 'min' && this.value < this.minValue) {
        return true;
      }
      return false;
    },
  },
};
</script>