Есть в компоненте 3 кнопки(что-то вроде голосовалки), при нажатии на

Question

Есть в компоненте 3 кнопки(что-то вроде голосовалки), при нажатии на

одну из них ей добавляется класс .is-vouted, у других разумеется убирается. пытаюсь реализовать через :class="{ 'is-vouted': votes[index] }", где votes это массив вида [false, false, false] , т.е. по клику меняется в одном из элементов false на true. И, по идее, кликнутой кнопке реактивно должен добавляться, а у другой кнопки убираться класс .is-vouted. Но не работает. Метод на клике такой:
setVote(index) {
for(let i = 0; i < this.votes.length; i++) {
this.votes[i] = i == index;
console.log(this.votes[i]);
}
}
консолью отслеживаю, внутри массива false на true меняются правильно, но реактивной смены класса на кнопке не происходит. Че делать?

#frontend #javascript #programming #russian #vue.js

0

11.03.2021

1 ответов

13 просмотров

Andrey Mishagin · Accepted Answer

Andrey Mishagin

Попробуй не мутировать массив,

0

11.03.2021

169 похожих чатов

Есть в компоненте 3 кнопки(что-то вроде голосовалки), при нажатии на

1 ответов

Похожие вопросы