下拉引导程序不打开

Posted

技术标签:

【中文标题】下拉引导程序不打开【英文标题】:Dropdown Bootstrap does not open 【发布时间】:2021-12-23 14:25:56 【问题描述】:

我目前正在学习 Vuejs、bootstrap、bootstrap-vue-3 和 Vue Router。但不知何故,下拉菜单没有打开。

这是我的代码:https://stackblitz.com/edit/vue-66s6dv?

引导源:https://getbootstrap.com/docs/4.4/components/navbar/

【问题讨论】:

【参考方案1】:

您正在使用的引导源(基于您的链接)来自Bootstrap 4.4,与Bootstrap 5 略有不同。

Bootstrap 4 的一个版本与Vuejs 3 不兼容。

所以我建议使用最新的Bootstrap 4.6Vuejs 2 - 而不是使用BootstrapVue 2.21.2

这是一个链接,显示您如何在不同版本中运行它: https://bootstrap-vue.org/docs

【讨论】:

以上是关于下拉引导程序不打开的主要内容,如果未能解决你的问题,请参考以下文章

引导程序“下拉打开”切换在开发中无法正常工作,但在生产中有效

单击下拉菜单按钮时引导打开链接

在输入焦点上打开引导下拉菜单

如何制作悬停效果而不是单击引导程序 4 下拉菜单? [复制]

Firefox 浏览器的 Twitter 引导程序中不显示下拉箭头

带引导程序的多个下拉菜单不起作用?