下拉菜单 Bootstrap 打不开

Dropdown Bootstrap does not open

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

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

bootstrap来源:https://getbootstrap.com/docs/4.4/components/navbar/

您正在使用的bootstrap来源(基于您的link)来自Bootstrap 4.4,它略有不同,但不同至 Bootstrap 5.

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

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

这里有一个 link 来展示您如何 运行 将不同的版本放在一起: https://bootstrap-vue.org/docs