Question

因此，我有一个使用bootstrap-vue作为导航栏的nuxt应用程序。折叠后，导航元素将添加一个名为style="display: none;"的属性，单击切换时将删除样式属性，但是单击时仍保留样式属性，因此您可以想象我的导航栏不会因此切换。现在，我在另一个组件中使用了此导航栏，没有任何问题。在开发中也可以正常工作。问题出在我的生产设置中。我不确定这是配置问题还是错误，但是对此我没有发现太多。

在开发中，我运行构建命令npm run dev

在生产中，我运行构建命令npm run generate

有人遇到过类似的问题吗？

这是导航栏的代码

<template>
  <b-navbar 
    toggleable="md" 
    type="light" 
    variant="white">
    <b-navbar-brand href="#">
      <img 
        class="hero-logo"
        src="~assets/TraxitHeroLogo.png"
      >
    </b-navbar-brand>
    <b-navbar-toggle target="nav_collapse"></b-navbar-toggle>
    <b-collapse 
      id="nav_collapse"
      is-nav
      style 
    >
      <b-navbar-nav class="ml-auto">
        <b-nav-item href="#mission">Our Mission</b-nav-item>
        <b-nav-item to="/features/overview">Features</b-nav-item>
        <b-nav-item href="#pricing">Pricing</b-nav-item>
        <b-nav-item href="#contact">Contact</b-nav-item>
        <b-nav-item to="/support">Support</b-nav-item>
        <b-nav-item 
          class="login-btn"
          to="/login"
        >
          Login
        </b-nav-item>
      </b-navbar-nav>
    </b-collapse>
  </b-navbar>
</template>

Answer 1

这应该在较新的版本中得到解决。

bootstrap-vue切换导航在单击时不会删除样式属性

1 个答案: