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

在 ant-design-vue 中，要显示下拉框多选的已选中数据，你可以使用 `Select` 组件的 `value` 属性来设置已选中的选项值。

以下是一个示例代码：

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

<script>
export default {
  data() {
    return {
      selectedOptions: ['option1', 'option2'], // 设置已选中的选项值
      options: [
        { value: 'option1', label: 'Option 1' },
        { value: 'option2', label: 'Option 2' },
        { value: 'option3', label: 'Option 3' },
        // 其他选项...
      ]
    };
  }
};
</script>

在上面的示例中，我们通过 `:value` 属性将 `selectedOptions` 数组设置为已选中的选项值。这样，在下拉框渲染时，已选中的选项会显示为选中状态。

你可以根据实际需求在 `selectedOptions` 数组中设置需要显示为选中状态的选项值。当用户进行选择时，`selectedOptions` 数组会自动更新，你可以通过访问该数组来获取用户选择的选项值。