Router Link только обновляет активный класс один раз - PullRequest
Новая
       23

Router Link только обновляет активный класс один раз

0 голосов
/ 05 июля 2019

Я пытаюсь использовать теги <b-nav-item> в качестве ссылок маршрутизатора, но активный класс ссылок обновляется только один раз - я могу загрузить страницу и щелкнуть элемент навигации, и класс соответствующим образом изменится.Но повторное нажатие не дает.

Я пробовал различный синтаксис для атрибутов ссылки, включая: 

to="dashboard"
to="/dashboard"
:to="{ name: 'Dashboard' }"
:to="{ path: '/dashboard' }"

Я также пытался добавить тег атрибута exact.Ничего не работает, и я чувствую, что бегаю здесь кругами.Есть идеи?

CompanionNavigation: 

<template>
<div>
  <b-nav pills>
      <b-nav-item :to="{ name: 'Dashboard'}" exact>Dashboard</b-nav-item>
      <b-nav-item :to="{ name: 'Contacts' }" exact>Contacts</b-nav-item>
  </b-nav>
</div>
</template>

Маршруты: 

{
    path: '/dashboard',
    name: 'Dashboard',
    component: Dashboard,
},
{
    path: '/contacts',
    name: 'Contacts',
    component: Contacts,
},

1 Ответ

0 голосов
/ 06 июля 2019

Это было решено удалением следующего из моего основного файла шаблона: 

<!-- Load Vue followed by BootstrapVue -->
<script src="//unpkg.com/vue@latest/dist/vue.min.js"></script>
<script src="//unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.min.js"></script>
...