shasoft
@shasoft

Как выделить только один пункт меню в vuetify?

Вот так вывожу меню:
<v-navigation-drawer v-model="drawer" app>
      <v-list dense>
        <v-list-item v-for="(item, i) in menu" :key="i" :to="item.path">
          <v-list-item-action>
            <v-icon>{{ item.icon }}</v-icon>
          </v-list-item-action>
          <v-list-item-content>
            <v-list-item-title>
              <router-link :to="item.path">{{ item.title }}</router-link>
            </v-list-item-title>
          </v-list-item-content>
        </v-list-item>
      </v-list>
    </v-navigation-drawer>

Проблема в том, что всегда подсвечивается как активная первая ссылка
Вот такие значения path:
  • /shasoft/core-ui/
  • /shasoft/core-ui/message
  • /shasoft/core-ui/test

Вот так выводится (активна ссылка /shasoft/core-ui/test)
uVi3kmQ.png

Не пойму что нужно сделать чтобы только реально текущая ссылка подсвечивалась?
  • Вопрос задан
  • 24 просмотра
Решения вопроса 1
SvinkaBacilka
@SvinkaBacilka
личинка front-end Developer-а
Попробуй добавить атрибут exact вот так:
<v-list-item
    v-for="(item, i) in menu"
    :key="i"
    :to="item.path"
    exact
>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
04 мар. 2021, в 22:39
2500 руб./за проект
04 мар. 2021, в 22:15
10000 руб./за проект