bootstrap-vue切换导航，单击时不删除样式属性
bootstrap-vue切换导航，单击时不删除样式属性
提问于 2019-01-26 01:53:41
所以我有一个nuxt应用程序，使用bootstrap-vue作为我的导航栏。折叠时，导航的元素将添加一个名为style="display: none;"的属性，而当单击切换时，样式属性将被删除，但是，当单击时，样式属性将保持不变，因此您可以想象我的导航栏不会因此切换。现在我在另一个组件中使用这个导航栏，没有任何问题。此外，它在开发中也工作得很好。这个问题出现在我的生产设置中。我不确定这是一个配置问题还是一个bug，但我在这方面没有找到太多。
在开发过程中，我运行构建命令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>回答 1
Stack Overflow用户
发布于 2019-05-14 07:59:11
这应该在较新的版本中得到修复。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54370510
复制相关文章
相似问题