使用Vuejs2更新動態選擇器上的選項

Question

我在更新VueJS組件中的select標記中的options陣列時遇到問題。

我有幾行，並在每行select。每個select將使用相同的options陣列。當選擇一個選項時，該選項應該從其他的select中消失。

我已經嘗試了幾種方法來做到這一點，但我無法更新其他選項數組（使用Vue.set(...)函數和所有可用的注意事項）。

的問題類似this one但： - 選擇器的數組必須是動態的 - 選項是每個選擇

這就是爲什麼對這個問題的解決方案並沒有爲我工作一樣。

Answer 1

我應該建議你保留一組可用的選項，並且每次選擇一個值時，你可以從可用選項中獲得值。當您v-for創建選項列表時，您只會顯示尚未選擇的選項。