Есть выпадающий список, хочу сделать так, что-бы при клике на элемент у него обновлялся класс на другой, но обновляются сразу все элементы, как привязать класс именно к тому элементу на которой кликнули?
<p @click="choiceOption" class="optionText" :class="{ active: isActive }" v-for="option in options" :key="option.value">
{{ option.text }}
</p>
methods:{
choiceOption(option){
this.textSelecteds = option.srcElement.innerText;
this.$emit('update', option);
this.isVisible = false;
this.isActive = true;
}
}
p
в отдельный компонент. Иv-for
ить этот компонент уже.<TestComponent @click="choiceOption" class="optionText" :class="{ active: isActive }" v-for="option in options" :option="option" :key="option.value"/>
<template> <p> {{ option.text }} </p> </template> export default { props: { option: { type: Object } } }