VUEJS项目可以导入Bootstrap.min.js文件吗?

发布于 2025-02-01 08:52:24 字数 290 浏览 0 评论 0原文

我在VUEJS中有一个项目,该项目已经安装了Bootstrap。我使用的是HTML,CSS项目,并转换为使用Bootstrap类的VUEJS。但是,下拉式引导类别不起作用,例如,下面的类在单击和正常的HTML文件显示Show类时,并未添加Show类。

下拉访问 下拉菜,

我有

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

有人可以建议吗?

谢谢

I have a project in vuejs which bootstrap is already installed. I am using html, css project and converting into vuejs which bootstrap classes are used. However, dropdown bootstrap classes are not working for example, the below classes are not adding Show class when its getting clicked and normal html file is showing show class.

dropdown-toggle
dropdown-menu

I have

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

Can someone please suggest something?

Thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

孤蝉 2025-02-08 08:52:24

使用show或<代码>显示

in 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网站上没有找到它的信息。)

Use show or shown

The in Bootstrap-Vue doesn't have a click event, but it does emit a show event shortly before the dropdown appears, including when it's clicked.
It immediately follows.

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

Your code:

<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');
  }
}

(You didn't find information for it on Vue's site because they didn't make the library.)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文