Router Link 只更新活动类一次
Posted
技术标签:
【中文标题】Router Link 只更新活动类一次【英文标题】:Router Link only updates active class once 【发布时间】:2019-11-16 10:43:52 【问题描述】:我正在尝试使用<b-nav-item>
标记作为路由器链接,但活动链接类只更新一次——我可以加载页面并单击导航项,并且类会相应更改。但再次点击不会。
我尝试了各种链接属性的语法,包括:
to="dashboard"
to="/dashboard"
:to=" name: 'Dashboard' "
:to=" path: '/dashboard' "
我也尝试添加exact
属性标签。没有任何工作,我觉得我在这里转圈。有什么想法吗?
伴侣导航:
<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】:通过从我的主模板文件中删除以下内容解决了这个问题:
<!-- 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>
【讨论】:
以上是关于Router Link 只更新活动类一次的主要内容,如果未能解决你的问题,请参考以下文章