bootstrap-vue - bootstrap-vue 切换导航在单击时不删除样式属性
问题描述
所以我有一个使用 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>
解决方案
这应该在较新的版本中修复。
推荐阅读
- scala - 如何做非专业类型有接受 Function1 的方法?
- reactjs - React 元素 vs DOM 元素:是什么让 DOM 元素如此之大?
- mysql - 如何选择每个间隔的最大时间戳和最小时间戳
- powerbi - 设置视觉辅助工具以根据上下文更新“总计”与向下钻取?
- html - 引导 div 没有逐步调整大小
- ios - 将数据库连接用作静态是一种好习惯吗?
- php - 使用 php 创建和发送 doc (word) 文件
- spring - 多个 application.yml 未在 Spring Boot 中合并
- c - 为什么在此示例中我会收到带有 argv 的崩溃报告?
- c# - 如何将 C++ std::push_heap 转换为 C#?