Коллеги, у кого-то есть пример, как тогглить DIV внутри элемента,

Question

Коллеги, у кого-то есть пример, как тогглить DIV внутри элемента,

распечатанного через v-for? Есть 5 карточек. Внутри каждой карточки треугольник. По нажатию на карточку треугольник превращается в квадрат. При повторном клике - обратно в треугольник.

Сделал квадрат и треугольник через v-if.

Есть свойство isActive. При клике на самой карточке сделал this.isActive =!this.isActive, она тогглится. Но как передать свойство this.isActive вложенному div? Потому что если я для вложенного див-а впишу условие isActive, то меняются сразу все карточки. А если через this - Оно не видит.

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

0

30.05.2022

5 ответов

24 просмотра

Muxammadamin

для каждого элемента массива добавь isActive и когда нажмет будешь тогглит по индексу

0

30.05.2022

Валерий Нащёкин Автор вопроса

Muxammadamin
для каждого элемента массива добавь isActive и ког...

Не могу. Наполнение массива приходит с бэка.

0

30.05.2022

Muxammadamin

Валерий Нащёкин
Не могу. Наполнение массива приходит с бэка.

просто сам добав когда принимаешь

0

30.05.2022

Kathy Ti

//создать поле id data(){ return{ id: Math.floor(Math.random()*1000000), } }, //задать нужному диву индивидуальное имя <div :id="component_${this.id}" //получить нужный див и делать магию func(){ let comp = document.getElementById(component_${this.id} comp = smth

0

30.05.2022

Максим Юдин · Accepted Answer

Максим Юдин

Через ref?🤔

0

30.05.2022

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

Коллеги, у кого-то есть пример, как тогглить DIV внутри элемента,

5 ответов

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