Madeas
@Madeas
UX/UI designer | Frontend developer

Как на Vue сделать такое выпадающее меню?

Доброе утро всем!

Составил такое меню во vue компоненте



но потребовалось для пункта три (three) добавить вложенное меню. Я вынес вложенность в childred, но не пойму как перестроить шаблон и реализовать клик по третьему пункту. Нужна ваша помощь.
  • Вопрос задан
  • 1090 просмотров
Решения вопроса 1
Madeas
@Madeas Автор вопроса
UX/UI designer | Frontend developer
Разобрался

<ul>
        <li v-for="item in navList">
            <a :href="item.url" :class="item.cls" :title="item.name" @click="isOpen = !isOpen">{{ item.name }}
                <ul v-if="item.children" :class="{ isOpen }" class="dropdown">
                    <li v-for="{ url, name, index } in item.children" :key="index">
                        <a :href="url" :title="name">{{ name }}
                     </li>
                </ul>
             </a>
        </li>
    </ul>
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
shmatuan
@shmatuan
Vue, Node, RoR
Лучше посмотрите тут
https://vuejs.org/v2/examples/tree-view.html
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
23 авг. 2019, в 18:17
9999 руб./за проект
23 авг. 2019, в 18:07
1000 руб./за проект
23 авг. 2019, в 18:06
9999 руб./за проект