vue2+js + antd在一个遍历的下拉框中，所有选择框共用的一个选项列表数据，如何确保 之前选过的选项，在其他选择框之前选过的禁用呢？代码

在 Vue.js 中，如果你想实现在多个下拉框中共享选项列表，并且确保之前选择过的项在其他选择框中处于禁用状态，可以按照以下步骤操作：

1. 首先，你需要创建一个包含所有选项的数据数组，通常放在项目的 `data` 对象里。

export default {
  data() {
    return {
      commonOptions: [
        { value: 'option1', text: '选项1', disabled: false },
        { value: 'option2', text: '选项2', disabled: false }, // 初始化都为false
        ... // 更多选项
      ],
    };
  }
}

2. 然后，在模板部分，你可以为每个下拉框使用相同的选项列表，同时添加一个计算属性来处理是否禁用已选择的选项。例如：

<template>
  <div v-for="(item, index) in items" :key="index">
    <select v-model="selectedItems[index]" :options="commonOptions" @change="updateDisabledState(index)">
      <option v-for="opt in commonOptions" :value="opt.value" :disabled="isOptionDisabled(opt.value, index)">
        {{ opt.text }}
      </option>
    </select>
  </div>
</template>

<script>
export default {
  // ...
  computed: {
    isOptionDisabled(value, currentIndex) {
      // 检查当前值是否已经在其他地方被选择过
      return this.selectedItems.some((selected, otherIndex) => selected === value && otherIndex !== currentIndex);
    }
  },
  methods: {
    updateDisabledState(index) {
      this.commonOptions.forEach(option => {
        option.disabled = this.isOptionDisabled(option.value, index);
      });
    }
  }
};
</script>

在这个例子中，`selectedItems` 应该是个数组，记录每个下拉框的当前选择。每次用户改变某个下拉框的选择，`updateDisabledState` 方法会被触发，更新所有选项的 `disabled` 属性。