Twitter bootstrap 将Bootstrap 4 Popover与Vue和Webpack一起使用
我有一个基于此模板的Vue项目: 我将它与作为独立NPM包安装的Bootstrap 4一起使用:Twitter bootstrap 将Bootstrap 4 Popover与Vue和Webpack一起使用,twitter-bootstrap,webpack,vue.js,vuejs2,bootstrap-4,Twitter Bootstrap,Webpack,Vue.js,Vuejs2,Bootstrap 4,我有一个基于此模板的Vue项目: 我将它与作为独立NPM包安装的Bootstrap 4一起使用: "dependencies": { ... "bootstrap": "^4.0.0", "jquery": "^3.2.1", "popper.js": "^1.12.9", ... }, 我在main.js中导入了引导,如下所示: import 'bootstrap'; import 'bootstrap/dist/css/bootstrap.min.css'; 我想使用
"dependencies": {
...
"bootstrap": "^4.0.0",
"jquery": "^3.2.1",
"popper.js": "^1.12.9",
...
},
我在main.js中导入了引导,如下所示:
import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css';
我想使用该组件,但将标记添加到模板中的A标记时:
<a href="#" data-toggle="popover" title="Title" data-content="Content">Choose</a>
我收到以下错误:
未捕获的TypeError:$(…)。popover不是函数
时间:1:30
(匿名)@VM30076:1
我应该如何使用Popover组件?我必须在哪里加载它?jQuery在全球范围内不可用。这更像是一个普通的问题,谢谢你的建议!看起来我通过在main.js(Vue应用程序起点)中插入以下行解决了这个问题:
window.$=require('jquery')代码>除此之外,所有其他模块导入所有导入,我是否可以重写它以匹配它们?正如你们所看到的,我并不是真的喜欢模块绑定……你们可以使用Webpack将jQuery公开给每个模块,而不是绑定它。为什么不使用类似的东西呢?
$('[data-toggle="popover"]').popover()