У меня есть определенное количество селектов, допустим 5, в них есть 5 опций, суть в том что их нужно расставить по порядку, дело в том что нужно что бы если в первом селекте я выбрал первый вариант, то во втором селекте и в остальных я не мог выбрать уже выбранный вариант, надеюсь понятно объяснил, буду признателен любой помощи в реализации такой конструкции в vue.js.
Вот работающий пример нужного вам функционала:
<div id="app">
<select v-for="(s, i) in selected" v-model="selected[i]">
<option
v-for="n in items"
v-text="n"
alue="n"
isabled="selected.includes(n)"
/>
В размножаем select с помощью v-for, заполняем 10 элементами, каждому из которых в vue объекте в свойстве data задаем свое id, ну и изначально настраиваем что бы содержало пустое значение, и отключаем вариант если такой элемент уже выбран.
new Vue({
el: '#app',
data: {
items: [...Array(10)].map((n, i) => `item ${i}`),
selected: Array(7).fill(null),
},
});