Bootstrap, popper.js and 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

。