vuejs项目可以导入bootstrap.min.js个文件吗？

Question

我在 vuejs 中有一个项目，bootstrap 已经安装了。我正在使用 html、css 项目并转换为使用 bootstrap classes 的 vuejs。但是，下拉 bootstrap classes 不起作用，例如，下面的 classes 没有添加 Show class 当它被点击时，正常的 html 文件是显示节目 class.

下拉切换下拉菜单

我有

"bootstrap": "^5.1.3",
"bootstrap-vue": "^2.22.0",
"@popperjs/core": "^2.11.5",

有人可以提出建议吗？

谢谢

Answer 1

使用`show`或`shown`

Bootstrap-Vue 中的没有点击事件，但它会在下拉列表出现前不久发出一个显示事件，包括点击它时。它紧随其后。

<b-nav-item-dropdown @show="doSomething">

您的代码：

<b-nav-item-dropdown text="nav_title" @show="doSomething">
    <b-dropdown-item href="#">
        a
    </b-dropdown-item>
    <b-dropdown-item href="#">
        a
    </b-dropdown-item>
</b-nav-item-dropdown>

methods: {
  doSomething() {
    console.log('shown');
  }
}

（您没有在 Vue 的站点上找到它的信息，因为他们没有创建库。）

vuejs项目可以导入bootstrap.min.js个文件吗？

Does vuejs project can import bootstrap.min.js file?

vue.js

使用`show`或`shown`

vuejs项目可以导入bootstrap.min.js个文件吗？

Does vuejs project can import bootstrap.min.js file?

vue.js

使用show或shown

使用`show`或`shown`