a-input怎么在行内添加rules，只能输入数字，内容发生改变时校验，校验不生效

`a-input` 是 Ant Design Vue 中的一个组件，它用于创建文本输入字段。要在行内添加 rules 并限制只允许输入数字，你可以按照以下步骤操作：

1. 首先，在 Vue 组件模板中引入 `a-input` 和 `a-form-item` 组件：

<template>
  <a-form-item>
    <a-input v-model="value" type="number" placeholder="请输入数字"></a-input>
  </a-form-item>
</template>

2. 然后，在你的 JavaScript 或者 TypeScript 中，设置 `v-model` 的值 `value`，并在 data 对象中定义它：

export default {
  data() {
    return {
      value: ''
    };
  }
}

3. 接下来，为了实现实时验证，你需要在 `a-input` 的 `rules` 属性上添加一个规则，例如：

<script lang="ts">
import { defineComponent } from 'vue';
import { FormItem, Input } from 'ant-design-vue';

export default defineComponent({
  components: { Input, FormItem },
  data() {
    return {
      value: '',
      // 定义验证规则，只允许输入正数
      numberRule: {
        validator(value) {
          if (isNaN(value)) {
            return Promise.reject('请输入数字');
          }
          return Promise.resolve();
        },
        message: '请输入数字',
      },
    };
  },
  // 在 watch 或者 computed 中监听 value 变化并触发验证
  setup(props, context) {
    const handleChange = (e: Event) => {
      context.validateFields(['inputField'], { force: true });
    };

    // 注册 input 触发事件
    context.form.on('input', ['inputField'], handleChange);

    return {};
  },
});
</script>

这里我们添加了一个名为 `numberRule` 的规则，当输入的内容不是数字时，会显示错误消息。`handleChange` 函数会在输入框内容变化时自动触发验证。