vue.js - 将“活动”类添加到 Nuxt.js Bootstrap

Question

我正在使用 Nuxt.js，我希望将活动类添加到导航项。以下代码是我为导航提出的：

<div>
  <b-navbar type="dark" variant="dark">
    <b-navbar-nav>
      <b-nav-item href="/">Home</b-nav-item>
      <b-nav-item href="/locations">Locations</b-nav-item>
    </b-navbar-nav>
  </b-navbar>
</div>

问题是，如何使用活动类？

标签： vue.jsbootstrap-4nuxt.js

Answer 1

您可以添加active到您的b-nav-item

<div>
  <b-nav>
    <b-nav-item active>Active</b-nav-item>
    <b-nav-item>Link</b-nav-item>
    <b-nav-item>Another Link</b-nav-item>
    <b-nav-item disabled>Disabled</b-nav-item>
  </b-nav>
</div>