ant-design-vue下拉框多选显示数据

在 ant-design-vue 中，可以通过 `Select` 组件实现下拉框的多选功能。要显示多选的数据，你可以使用 `Select` 组件的 `v-model` 属性绑定一个数组，该数组用于存储用户选择的多个选项的值。

以下是一个示例代码：

<template>
  <a-select
    mode="multiple"
    v-model="selectedOptions"
    :options="options"
    style="width: 200px"
  ></a-select>
</template>

<script>
export default {
  data() {
    return {
      selectedOptions: [], // 存储用户选择的选项值的数组
      options: [
        { value: 'option1', label: 'Option 1' },
        { value: 'option2', label: 'Option 2' },
        { value: 'option3', label: 'Option 3' },
        // 其他选项...
      ]
    };
  }
};
</script>

在上面的示例中，我们使用 `mode="multiple"` 设置 `Select` 组件为多选模式。然后，利用 `v-model` 将用户选择的选项值绑定到 `selectedOptions` 数组中。最后，通过 `:options` 属性设置下拉框的选项列表。

这样，当用户选择一个或多个选项时，`selectedOptions` 数组会自动更新，你可以通过访问该数组来获取用户选择的选项值。