Допустим, в тодо лист есть две группы, в каждой из

Question

Допустим, в тодо лист есть две группы, в каждой из

этих групп есть свои таски. Группы и таски рендерятся с помощью v-for. Мне нужно, что бы при клике на какой-либо тас, к нему применялся определенный стиль (это нужно для операции drag and drop). Я добавил к блоку с таском <div v-bind:class="{ active: isActive }"> </div> и по клику на обьект on:mousedown отслеживал id таски на которую был совершен клик. Изначально isActive = false, но на таске где был совершен клик оно isActive = true. Это все сработало, но проблема в том, что в каждой группе тасков, id тасков начинаются с 0, и соответственно пересекаются, поэтому isActive = true становится для всех тасков с одинаковым id. Как решить эту проблему?

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

0

19.12.2017

2 ответов

20 просмотров

Alexey

а ещё подумай, что будет, когда нажмёшь на другой таск. Тебе же наверно надо с текущего активного убрать класс (сделать его неактивным)? Или там будет мультиселект?

0

19.12.2017

Alexey · Accepted Answer

Alexey

Таски это массив объектов. Так? Добавь каждому объекту свойство active и ставь его в тру когда нажато. При этом надо таск сделать компонентой

0

19.12.2017

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

Допустим, в тодо лист есть две группы, в каждой из

2 ответов

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