向Nuxt.js引导程序添加“活动”类

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>

问题是，如何使用活动班级？

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>