使用 Vuejs2 更新动态选择器的选项答案

【问题标题】：Updating options on dynamic selector with Vuejs2使用 Vuejs2 更新动态选择器的选项
【发布时间】：2017-09-20 23:53:00
【问题描述】：

我在更新 VueJS 组件中 select 标记中的 options 数组时遇到问题。

我有几行，每行都有select。每个select 将使用相同的options 数组。选择一个选项时，该选项应该从其他选项中消失在其他选项select。

我尝试了几种方法来做到这一点，但我无法更新其他选项数组（使用 Vue.set(...) 函数和所有可用的警告）。

问题类似于this one，但是： - 选择器的数组必须是动态的 - 每个选择器的选项都相同

这就是为什么该问题的解决方案对我不起作用。

【问题讨论】：

【解决方案1】：

我应该建议你保留一个可用选项的数组，每次选择一个值时，你 splice 来自可用选项的值。当您v-for 创建选项列表时，您将只显示尚未选择的选项。

【讨论】：