Question

我正在尝试使用<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,
},

Answer 1

此问题已通过从我的主模板文件中删除以下内容来解决：

<!-- 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>

路由器链接仅更新一次活动类别

1 个答案: