2017-10-08 9 views
0

私は問題があります。 nuxt.jsのメディアクエリでプラグインvue.fullpageを無効にするにはどうすればよいですか? nuxt.config.jsnuxt.jsのメディアクエリでプラグインvue.fullpageを無効にするにはどうすればよいですか?

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

だから動作しません。 エラー:画面が定義されていません

+0

にリリースされましたofficial vullpageを使用していますVue.jsの.jsコンポーネント](https://alvarotrigo.com/vue-fullpage/)を使用すると、応答オプションを使用できます。 – Alvaro

答えて

0

それは私を助けます。

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

を使用しますが、良いアイデアは本当にあなたが[公式フルページを利用している場合1月2018

関連する問題