1

私は問題があります。nuxt.jsのメディアクエリでプラグインvue.fullpageを無効にする方法は? nuxt.config.js

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

fullpage-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)
}

だからうまくいきません。エラー: スクリーン a が定義されていません

4

1 に答える 1

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')
    }
}

しかし、より良いアイデアは、2018 年 1 月にリリースされた公式の vullpageを実際に使用することです。

于 2018-02-15T11:01:14.850 に答える