vue3ant-design多选框获得选中的id

要获得Vue3 Ant Design多选框选中的ID，你需要创建一个数组来存储选中的ID，然后在多选框的change事件中更新该数组。以下是一个简单的例子：

1. 在Vue组件中声明一个数组来存储选中的ID

data() {
  return {
    selectedIds: []
  }
}

2. 在多选框的change事件中更新选中的ID数组

<template>
  <a-checkbox-group v-model:checked="selectedIds" @change="handleChange">
    <a-checkbox :value="1">1</a-checkbox>
    <a-checkbox :value="2">2</a-checkbox>
    <a-checkbox :value="3">3</a-checkbox>
  </a-checkbox-group>
</template>

<script>
import { defineComponent } from 'vue'

export default defineComponent({
  setup() {
    const selectedIds = ref([])

    const handleChange = (checkedIds) => {
      selectedIds.value = checkedIds
    }

    return {
      selectedIds,
      handleChange
    }
  }
})
</script>

在上面的例子中，我们使用了Vue3的Composition API来定义组件。我们创建了一个名为`selectedIds`的响应式变量，并使用`ref`函数将其转换为响应式变量。我们还定义了一个名为`handleChange`的函数，在多选框的change事件中被调用。在该函数中，我们将选中的ID数组更新为`selectedIds.value`，这是由于我们使用了`ref`函数包装了该数组。

现在，当用户选中多选框中的选项时，将调用`handleChange`函数，并将选中的ID数组更新为`selectedIds`。你可以在组件中使用`selectedIds.value`来访问选中的ID数组。