如何在nuxt.js中禁用媒体查询的插件vue.fullpage？

Question

我有问题。如何在nuxt.js中禁用媒体查询的插件vue.fullpage？ 的 nuxt.config.js

module.exports = {
  plugins: {
     '~plugins/fullpage-vue.js'
  }
}

全页-vue.js

import Vue from 'vue'
import 'animate.css'
import 'fullpage-vue/src/fullpage.css'
import VueFullpage from 'fullpage-vue'

if (screen && screen.width > 768) {
   Vue.use(VueFullpage)
}

所以不起作用。 错误：屏幕未定义

Answer 1

这对我很有帮助。

if (screen.width > 768) {
    Vue.use(VueFullpage)
    console.log('fullPage init')
}

或可能如果您需要使用SSR

if (process.browser) {
    if (screen.width > 768) {
        Vue.use(VueFullpage)
        console.log('fullPage init')
    }
}

但更好的想法是真正使用201 {1}发布的official vullpage。