vue3中实现表单中a-input-number效验实现只能输入数字 输入其他的就提示消息

在Vue3中实现表单中a-input-number的验证，只允许输入数字，如果输入其他字符，则提示错误消息，可以使用以下步骤：

1. 给a-input-number添加v-model绑定数据，例如：

<a-input-number v-model="num"></a-input-number>

2. 在data中定义num数据，并设置默认值为0：

data() {
  return {
    num: 0
  }
}

3. 在a-input-number中添加事件@keyup，监听输入的内容：

<a-input-number v-model="num" @keyup="checkNum"></a-input-number>

4. 在methods中定义checkNum方法，用于检查输入的内容是否为数字：

methods: {
  checkNum() {
    if(isNaN(this.num)) {
      this.$message.error('请输入数字');
      this.num = 0;
    }
  }
}

5. 在checkNum方法中使用isNaN函数判断输入的内容是否为数字，如果不是，则提示错误消息，并将num数据重置为0。

完整代码如下：

<template>
  <div>
    <a-input-number v-model="num" @keyup="checkNum"></a-input-number>
  </div>
</template>

<script>
export default {
  data() {
    return {
      num: 0
    }
  },
  methods: {
    checkNum() {
      if(isNaN(this.num)) {
        this.$message.error('请输入数字');
        this.num = 0;
      }
    }
  }
}
</script>