Bootstrap, popper.js и vue.js

Question

В моем приложении laravel у меня есть страница, которая отображается с помощью vue.js.Я хочу добавить всплывающее окно на этой странице и использовать popper.js.Следуя документации, эта библиотека включена в bootstrap.bundle.min.js.

У меня есть это на моей html-странице:

<script src="https://code.jquery.com/jquery-3.3.1.min.js"crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.bundle.min.js"></script>

И у меня есть этот метод в моем компоненте Vue:

        showCalendarChoiceHelpPopover() {
            console.log("click");
            $('#calendar').popover({
                trigger: 'focus',
                title: 'title',
                content: 'content'
            });
        }

Когда я загружаю свою страницу, у меня естьследующее сообщение об ошибке:

TypeError: __WEBPACK_IMPORTED_MODULE_5_jquery___default(...)(...).popover is not a function

Answer 1

Хорошо, приятель, так что если вы используете Bootstrap 4, вам нужно включить Popper.js

https://getbootstrap.com/docs/4.0/getting-started/introduction/#js

Для работы многих из наших компонентов требуется JavaScript.В частности, они требуют jQuery, Popper.js и наших собственных плагинов JavaScript.

И сначала запомните jQuery, затем Popper.js, затем Bootstrap JS