Así que básicamente tengo múltiples v-select que comparten el mismo :items prop. Ahora, si se selecciona un elemento de uno de los v-select , quiero ocultarlo de todos los v-select para que no podamos elegirlo nuevamente. Lógica inversa cuando el artículo vuelve a estar libre.
¿Es eso posible?
<div v-for="(filter, index) in group.filterMeta" :key="index"> <v-select v-model="filter.tag" :items="availableTags" :label="i18n('select.tag.label')" > </v-select> </div> @Component export default class ManageGroupDialog extends Vue { ... /** Available tags */ public availableTags = ['resource', 'resource_type', 'host', 'technology'] ... public group: Group = { ... filterMeta: [ { tag: '', value: '', operator: '' } ] ... } }Si está trabajando con varios componentes, parece que necesita comenzar a usar Vuex . De esta manera, puede tener un estado global y usar la misma matriz de elementos en todas sus v-selects sobre sus componentes.