Vue + Nuxt js: как применить динамический активный класс к родительскому меню с помощью начальной загрузки navbar - PullRequest
Новая
       43

Vue + Nuxt js: как применить динамический активный класс к родительскому меню с помощью начальной загрузки navbar

0 голосов
/ 20 мая 2019

Я новичок в vue + nuxt.js

Я использую загрузчик navbar.Смотрите эту ссылку

У меня следующий код. 

<b-nav-item-dropdown type="dark">
          <template slot="button-content">
            <i class="fas fa-user"></i> Users
          </template>
          <b-dropdown-item ref="users" to="/users" nuxt-link-active="/users"
            >Listing
          </b-dropdown-item>
          <b-dropdown-item to="/users/add" nuxt-link-active="/users/add"
            >Add new user
          </b-dropdown-item>
        </b-nav-item-dropdown>
        <b-nav-item-dropdown bg-transparent>
          <template slot="button-content">
            <i class="fas fa-users"></i> Teams
          </template>
          <b-dropdown-item to="/teams" nuxt-link-active="/teams"
            >Listing
          </b-dropdown-item>
          <b-dropdown-item to="/teams/add" nuxt-link-active="/teams/add"
            >Add new team
          </b-dropdown-item>
        </b-nav-item-dropdown>

Теперь я хочу, чтобы родительское меню было открыто при нажатии дочернего элемента.В текущем сценарии, когда я нажимаю на Team Listing, он закрывает родительский div, поэтому не может определить, какое меню открыто.Кроме того, когда я нажимаю на список пользователей, он должен закрыть меню команды.Но не могу найти правильного решения.

...