nastya_zholudeva
@nastya_zholudeva

Как сделать чтобы при v-for класс добавлялся и убирался только по клику на данный элемент?

Как сделать чтобы при v-for класс добавлялся и убирался только по клику на данный элемент? Я попробовала тут, но у меня получилось, что если нажать на другой элемент, то открытый закрывается, а мне нужно, чтобы он закрывался только если я на него нажму
  • Вопрос задан
  • 101 просмотр
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Добавить каждому элементу массива свойство, отвечающее за наличие класса:

todos: [
  { open: false, ... },
  { open: false, ... },
  ...
],

По клику переключать значение этого свойства:

@click="todo.open = !todo.open"

Назначать класс в зависимости от значения:

:class="{ 'dropdown-active': todo.open }"

https://jsfiddle.net/2ef8yojn/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы