a-input怎么在行内加入rules校验规则，输入内容为只能是数字，内容改变时触发

`a-input` 是 Ant Design Vue 中的一个组件，用于创建输入框。要在 `a-input` 行内添加只允许输入数字的验证规则，并在内容改变时自动触发校验，你可以按照以下步骤操作：

1. 首先，在你的Vue组件模板里引入`a-input`组件，并设置一个名为`rule`的对象，这个对象将包含验证规则。

<template>
  <a-input v-model="inputValue" :rules="[{ type: 'number', message: '请输入数字' }]"></a-input>
</template>

2. 在Vue实例的data部分，定义一个`inputValue`变量来存储输入值。

export default {
  data() {
    return {
      inputValue: '',
    };
  },
  //...
}

3. 当`inputValue`变化时，可以使用Vue的`watch`或者自定义事件(`@input`)来监听输入的变化并检查是否满足规则。这里我们通过`v-model.number`直接利用Vue内置的数值型校验：

<template>
  <a-input v-model.number="inputValue" :rules="[{ type: 'number', message: '请输入数字' }]"></a-input>
</template>

或者使用`@input`事件：

<template>
  <a-input @input="validateInput"></a-input>
</template>

<script>
methods: {
  validateInput(value) {
    if (!Number.isNaN(parseFloat(value)) && isFinite(value)) {
      this.$refs.input.validate(); // 手动触发验证
    }
  },
},
//...
</script>

在上述代码中，`$refs.input`获取到`a-input`元素的引用，然后调用其`.validate()`方法来检查当前输入是否符合规则。如果输入不是数字，`validate`方法会返回一个错误信息，可以在控制台查看。