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

Question

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

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

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

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

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

Answer 1

我建议你保留一系列可用的选项，每次选择一个值时，你splice可用选项的值。当您v-for创建选项列表时，您只会显示尚未选择的选项列表。