使用Vuejs、bootstrap、bootstrap-vue-3及Vue Router时Bootstrap下拉菜单无法打开

• 版本兼容修复：你当前混用了Bootstrap v4.4和bootstrap-vue-3，后者仅适配Bootstrap v5及以上版本，跨大版本的库组合会导致内置交互逻辑不匹配，原生Bootstrap的data-toggle等交互属性会失效。可二选一调整：要么将Bootstrap版本升级到v5匹配bootstrap-vue-3要求，要么将bootstrap-vue替换为适配Bootstrap v4的v2版本。
• 组件使用规范：如果保留bootstrap-vue-3技术栈，不要使用原生Bootstrap的手写下拉结构，直接调用框架封装的<b-dropdown>组件即可，框架已内置下拉交互逻辑，不需要额外绑定自定义事件或引入原生Bootstrap JS文件。
• 冲突脚本排查：检查项目入口文件是否重复引入了Bootstrap原生JS脚本，bootstrap-vue-3已内置所有组件所需的交互逻辑，额外引入的原生Bootstrap JS会导致事件绑定冲突，直接注释掉重复引入的JS即可恢复下拉功能。

内容的提问来源于stack exchange，提问作者Cristian