【问题标题】:How to use bootstrap5 in vue3?如何在 vue 3 中使用引导程序 5?
【发布时间】:2022-01-12 16:19:30
【问题描述】:

我使用 bootstrap 5 和 vue3 。我在main.jsCSSfile 中导入了CSSJS 文件工作正常,但js 文件不工作。 main.js 文件如下:

``
 import 'bootstrap/dist/css/bootstrap.rtl.min.css';
 import 'bootstrap/dist/js/bootstrap.min.js';
``

【问题讨论】:

    标签: vuejs3 bootstrap-5


    【解决方案1】:

    main.js,只需使用下面的导入代码:

    import "bootstrap/dist/css/bootstrap.min.css";
    import "bootstrap";
    

    【讨论】:

    • 我用过,但是没用
    • @imanhosseingholizadeh 请参阅stackoverflow.com/a/65555991/10158551。您最好添加更多信息,包括您的场景、代码、结果...首选可重现的演示。
    • 我使用了一个滑块,幻灯片会自动更改,但箭头不起作用。表示当我单击箭头更改幻灯片时它不起作用。
    • @imanhosseingholizadeh 在我添加 carousel 时无法重现您的问题,它也可以工作。您是否也可以尝试 import 'bootstrap/dist/js/bootstrap.bundle.js' 或在必要时在沙箱/codepen 上提供可重现的演示
    猜你喜欢
    • 2021-04-26
    • 1970-01-01
    • 2015-08-31
    • 2021-11-08
    • 1970-01-01
    • 1970-01-01
    • 2021-12-16
    • 1970-01-01
    • 2021-09-17
    相关资源
    最近更新 更多