ant design vue数字输入框@change获取name

在Ant Design Vue中，如果你想创建一个数字输入框并在用户改变输入值时获取其名称，你可以这样做：

首先，在你的组件模板中，引入`<InputNumber>`组件并绑定`v-model`到一个变量，比如`value`，同时给它一个`@change`事件监听器，用于处理输入变化后的回调：

<template>
  <div>
    <a-input-number v-model="inputValue" placeholder="请输入数字" @change="handleChange"></a-input-number>
  </div>
</template>

然后，在你的script部分，定义一个名为`handleChange`的方法，这个方法会接收到`event`作为参数，其中包含了输入的变化信息，包括名字（在这个例子中就是`inputValue`），你可以通过`event`的`target`属性来访问它：

<script setup>
import { ref } from 'vue';
import { InputNumber } from 'ant-design-vue';

const inputValue = ref('');
function handleChange(event) {
  const name = 'inputValue'; // 这里直接用变量名即可，因为我们已经在v-model绑定了相同的名称
  console.log(`Name: ${name}, New Value: ${event.target.value}`);
}
</script>

当你在输入框中输入数字并触发改变时，`handleChange`方法会被调用，打印出当前输入框的`name`和新的数值。