链接到我的网站:
https://inspiring-curran-a31177.netlify.com/
它使用的是Gridsome,它是Vue的静态网站生成器。
当您转到移动设备并单击Bootstrap Hamburger菜单时,它将不会打开。
我已经通过安装BootstrapVue遵循了Gridsome文档中的说明:https://gridsome.org/docs/assets-css/
控制台中没有Javascript错误。
来自/src/main.js的代码:
// This is the main.js file. Import global CSS and scripts here.
// The Client API can be used here. Learn more: gridsome.org/docs/client-
api
// Import nav
import DefaultLayout from '~/layouts/Nav.vue'
// Import footer
import Footer from '~/layouts/Footer.vue'
// Import Bootstrap
import BootstrapVue from 'bootstrap-vue'
// Import Bootstrap CSS
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap-vue/dist/bootstrap-vue.min.css'
// Import Bootstrap JS
import 'bootstrap-vue/dist/bootstrap-vue.min.js'
export default function (Vue, { router, head, isClient }) {
// Set default layout as a global component
Vue.component('Layout', DefaultLayout),
// Footer
Vue.component('Footer', Footer)
// Import bootstrap
Vue.use(BootstrapVue),
// Add google fonts
head.link.push({
rel: 'stylesheet',
href: 'https://fonts.googleapis.com/css?family=Source+Sans+Pro'
})
}
最佳答案
您是否在HTML中安装了所有脚本?
<script src="//unpkg.com/@babel/polyfill@latest/dist/polyfill.min.js"></script>
<script src="//unpkg.com/vue@latest/dist/vue.min.js"></script>
<script src="//unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.min.js"></script>
关于javascript - 如何使Bootstrap的Javascript在Vue(Gridsome)中工作?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/55325361/