【问题标题】:Make nav-item active, Vuejs and Bootstrap-Vue激活 nav-item、Vuejs 和 Bootstrap-Vue
【发布时间】:2020-07-26 00:47:22
【问题描述】:

我正在使用 bootstrap-vue,并且我有一个 b-nav,当我在特定路线上时,nav-item 处于活动状态,在我的情况下,我有一些与参数的链接,因此它处于非活动状态。

  <b-nav tabs justified class="pr-4 pl-4">
    <b-nav-item :to="{ name: 'Clauses' }" exact exact-active-class="active">
      <h4>Clauses</h4>
    </b-nav-item>
  </b-nav-item>

在这种情况下,我的网址可以是这样的clause?page=1&amp;search=example,所以我不会有任何活动链接。我知道exact 用于精确路径,但就我而言,我不确定我可以使用什么。问题是,即使使用参数,我如何才能使路由处于活动状态?

【问题讨论】:

    标签: vue.js vuejs2 bootstrap-vue


    【解决方案1】:

    我找到了解决方案。

    从每个 exact exact-active-class="active" 中删除 exact exact- 即可。

    【讨论】:

      猜你喜欢
      • 2021-11-14
      • 2020-04-17
      • 2019-03-08
      • 2019-01-25
      • 2018-06-27
      • 1970-01-01
      • 2021-09-29
      • 1970-01-01
      • 2021-05-20
      相关资源
      最近更新 更多