我添加了插件:vue-burger-menu
to my nuxt.js
项目。我有一个错误:"document is not defined"
。我知道,这个插件仅适用于客户端。于是我在vue文档中找到了在此输入链接描述 https://nuxtjs.org/guide/plugins/#client-side-only我必须做什么来解决它。它仅适用于第一次刷新。然后我又发现文档未定义。
nuxt.config.js
:
build: {
vendor: ['vue-burger-menu'],
}
plugins: [
{ src: '~/plugins/vue-burger-menu.js', ssr: false }
],
将文件添加到我的插件文件夹中,名为"vue-burger-menu.js"
:
import Vue from 'vue';
import VueBurgerMenu from 'vue-burger-menu';
if (process.browser) {
Vue.use(VueBurgerMenu);
}
nav template
<template lang="pug">
Slide(right)
nav.menu_vertical
</template>
<script>
import { Slide } from 'vue-burger-menu'
export default {
name: 'Nav',
components: {
Slide
},
}
替换已弃用的进程.浏览器 with 进程.客户端
if (process.client) {
Vue.use(VueBurgerMenu);
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)