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

Question

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

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

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

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

这就是为什么对这个问题的解决方案并没有为我工作一样。

Answer 1

我应该建议你保留一组可用的选项，并且每次选择一个值时，你可以从可用选项中获得值。当您v-for创建选项列表时，您只会显示尚未选择的选项。