@idkw13

Как скрывать список в динамическом массиве?

у меня структура в проекте такая:
<div class="opportunity-board__column" v-for="stage in board.Stages">
    <div class="opportunity-board__content">
        <div class="opportunity-board__header">
                <div class="opportunity-board__title">{{stage.Name}}</div>
                <ui-icon iconSet="ico-moon" data-icon="i-more">при нажатии сюда нужно скрывать лист с темами(...)</ui-icon>
            </div>
        </div>
        <div class="opportunity-board__list">
                <div class="opportunity-board__item"
                     v-for="opportunity in stage.OwnedOpportunities">
                    <opportunity-item :opportunity="opportunity">
                    </opportunity-item>
                </div>
        </div>
    </div>
</div>

Не могу понять как при такой структуре реализовать скрывания элементов по клике на три точки
  • Вопрос задан
  • 123 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Элементам board.Stages добавляете булевы свойства show.

По клику переключаете их значения:

<ui-icon
  iconSet="ico-moon"
  data-icon="i-more"
  @click="stage.show = !stage.show"
>

Список показываете если true:

<div
  class="opportunity-board__list"
  v-show="stage.show"
>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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