Vue.js 引导vue导航栏不'；当点击导航栏上的按钮时，在移动设备中不会解压

我已经使用引导vue在我的vue.js应用程序上实现了导航栏。单击图元时，导航栏将按预期展开。我已经将其中一个navitem替换为一个，这样我可以使它脱颖而出，并为它提供自己的CSS，但当单击按钮时，导航功能正常工作，但菜单保持折叠状态。有没有办法迫使它崩溃

<template>
  <b-navbar toggleable="lg" type="light">
    <b-navbar-brand to="/"> <img src="static/img/logo.svg" width="220px"></b-navbar-brand>
    <b-navbar-toggle target="nav-collapse"></b-navbar-toggle>
    <b-collapse id="nav-collapse" is-nav>
      <b-navbar-nav>
        <b-nav-item to="/about-us">About Us</b-nav-item>
        <b-nav-item to="/landlords">Landlords</b-nav-item>
        <b-nav-item to="#">Tenants</b-nav-item>
        <b-button class=" " to="/search">Valuation</b-button>
      </b-navbar-nav>
    </b-collapse>
  </b-navbar>
</template>

关于我们
地主
租户
估价

设置本机

b-nav-item

最简单的解决方案是坚持使用

b-nav-item

，使用

class

属性将类添加到

li

，或使用

link classes

道具将类添加到呈现的

a

标记，将类应用到该项目

通过这种方式，您可以让Bootstrap Vue处理崩溃关闭，使其在将来发生变化时更加经得起未来的考验

newvue({
el:“#应用程序”
})

标志
关于我们
地主
租户
估价

完美！我努力尝试应用类，但错过了链接类道具。我把按钮换成了这个，它可以用了。谢谢