ant desigin vue 实现下拉选择 多选 并且选中之后禁用下拉框里选中的数据 并支持回显

要在Ant Design Vue中实现下拉选择多选并禁用选中的数据，可以使用`a-select`组件的`mode`属性设置为`multiple`，并使用`filter-option`属性来过滤已选中的选项。同时，可以使用`v-model`绑定选中的值，并在选中后更新选项列表以禁用选中的数据。以下是一个简单的示例：

<template>
  <div>
    <a-select
      v-model="selectedValues"
      mode="multiple"
      :options="options"
      :filter-option="filterOption"
    ></a-select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedValues: [],
      options: [
        { label: '选项1', value: '1' },
        { label: '选项2', value: '2' },
        { label: '选项3', value: '3' },
        { label: '选项4', value: '4' },
      ],
    };
  },
  methods: {
    filterOption(value, option) {
      // 如果选项已被选中，则不显示该选项
      return !this.selectedValues.includes(option.value);
    },
  },
};
</script>

在这个示例中，我们使用了`v-model`将选中的值绑定到`selectedValues`数组。`filter-option`方法用于过滤已选中的选项，使其不再显示在下拉框中。这样，当用户选择一个选项后，它将被添加到`selectedValues`数组中，并从下拉框中消失。