Форум программистов, компьютерный форум, киберфорум
JavaScript: Vue.js
Войти
Регистрация
Восстановить пароль
 
2 / 2 / 4
Регистрация: 09.10.2015
Сообщений: 381
1

Как сделать раскрывающееся меню?

02.01.2021, 00:55. Показов 359. Ответов 1
Метки нет (Все метки)

есть меню с подменю, как при клике на пункт меню, вывести его подменю, сейчас раксрываются все подменю

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<ul :class="$style.catalogCategories">
      <li v-for="(category, index) in categories" :key="index" :class="$style.categoryItem">
        <div :class="$style.catalogCategoryHeader" @click.prevent="isOpen = !isOpenSubCategory">
          <nuxt-link to="" :class="$style.catalogCategoriesLink">
            {{ category.name }}
          </nuxt-link>
          <span :class="$style.cataloCategoryItemToggleSub">+</span>
        </div>
        <ul v-if="category.sub" :class="[$style.catalogSub, isOpenSubCategory ? $style.catalogSubOpen : '']">
          <nuxt-link v-for="(sub, index) in category.sub" :key="index" to="" :class="$style.catalogSubLink">
            {{ sub.name }}
          </nuxt-link>
        </ul>
      </li>
    </ul>
0

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
02.01.2021, 00:55
Ответы с готовыми решениями:

Как сделать раскрывающееся меню?
Как в Visual Basic 2008/2010 создать такую конструкцию (стрелка, отмеченная на рисунке, которая при...

Как сделать раскрывающееся меню в делфи?
Как сделать вот раскрывающееся меню в делфи как тут слева? Изображение перенесено на форум. Файлы...

Как сделать раскрывающееся меню при нажатие на кнопку в форме
Уважаемые форумчане подскажите, как сделать раскрывающееся меню при нажатие кнопки на форме! Есть...

Можно ли сделать такое же раскрывающееся меню "Все программы", как и в Windows XP?
Можно ли сделать раскрывающееся меню Все Программы как в Windows XP?

1
399 / 278 / 78
Регистрация: 03.12.2015
Сообщений: 658
02.01.2021, 15:14 2
Надо создать переменную, в которой будет храниться текущая выбранная категория, т.е. которая сейчас раскрыта

Дочерние элемент показывать только для той категории, которая сейчас раскрыта.
v-if="category === openedCategory"

При клике на категорию устанавливать ее как "раскрытую" - сохранять ссылку на нее в переменную openedCategory
1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
02.01.2021, 15:14

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Раскрывающееся меню - при открытии/закрытии вложенного меню закрывается все меню
Проблема во вложенном меню. При открытии/закрытии вложенного меню закрывается все меню. Надо, чтобы...

Как создать раскрывающееся меню
Всем привет! Помогите пожалуйста, как создать раскрывающиеся, всплывающие кнопки на windows forms...

Раскрывающееся меню с JS, как оставить открытой активную категорию?
Всем привет! Помогите пожалуйста решить проблему. Менюхой управляет скрипт, который по клику...

Раскрывающееся меню
Добрый вечер. Делала раскрывающийся список, правда с добавление JavaScript. Код брала из интернета...

Раскрывающееся меню
Всем привет, уже несколько дней пытаюсь сделать раскрывающееся меню, как на http://fano.gov.ru/ru/...

раскрывающееся меню
Доброго времени суток. Необходимо сделать раскрывающееся меню с эффектом. Сверстал меню, которое...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.