Madeas
@Madeas
UI / UX Designer, Frontend Developer

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

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

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



но потребовалось для пункта три (three) добавить вложенное меню. Я вынес вложенность в childred, но не пойму как перестроить шаблон и реализовать клик по третьему пункту. Нужна ваша помощь.
  • Вопрос задан
  • 6817 просмотров
Решения вопроса 1
Madeas
@Madeas Автор вопроса
UI / UX 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
8 year of Web, 5 years of Vue
Ваш ответ на вопрос

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

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