Vue 永远不会分配活动类答案

【问题标题】：Vue to don't assign active class everVue 永远不会分配活动类
【发布时间】：2021-02-11 22:08:33
【问题描述】：

我正在使用 Bootstrap Vue，我有一个这样的下拉菜单

      <b-nav-item-dropdown right>
        <b-dropdown-item class="company-menu-text" :to="{ name: 'locationlist' }" exact>Lokaliteter</b-dropdown-item>
        <b-dropdown-item class="company-menu-text" @click="logout">Logg ut</b-dropdown-item>
      </b-nav-item-dropdown>

当我按预期点击位置列表时，Vue Router 很好地将我带到了位置列表。不太好的是 active 类随后被分配给下拉项。我希望这永远不会发生。我能得到的最好的方法是用exact 限制它。如何确保active 类从不分配给此下拉项？

我正在使用的相关软件包的版本：

"bootstrap": "4.1.1",
"bootstrap-vue": "2.0.0-rc.11",
"vue": "2.5.16",
"vue-router": "3.0.1",

【问题讨论】：

标签： vue.js vue-router bootstrap-vue

【解决方案1】：

获得我想要的外观的 hack 是修改下拉项 CSS：

.dropdown-item.active, .dropdown-item:active {
    color: #000000;
    text-decoration: none;
    background-color: #ffffff;
}

但我仍然认为必须有一个解决方案，以便我不会将链接设置为活动。因为除了这个下拉菜单之外，我还有其他地方的链接，并且不认为编写大量 CSS 是正确的答案。

【讨论】：