Nuxt.js: ReferenceError : "window is not defined"

Created on 13 Nov 2017 · 3Comments · Source: nuxt/nuxt.js

code:
header.vue:

export default {
  data(){
    return {
      msgShadeHeight: window.innerHeight, // 消息遮罩，点击消息旁边生成的遮罩
      //...
    }
  },
}

could u please tell me whats the correct way to use "window" in data ?
thank u very much!

_{This question is available on Nuxt.js community (#c1857)}

help-wanted

Source

slevin57

Most helpful comment

There is not DOM in server side, you should skip it

export default {
  data(){
    return {
      msgShadeHeight: null, // 消息遮罩，点击消息旁边生成的遮罩
      //...
    }
  },
  beforeMount() {
     this.msgShadeHeight = window.innerHeight
   }
}

clarkdo on 13 Nov 2017

👍2 😄1

All 3 comments

There is not DOM in server side, you should skip it

export default {
  data(){
    return {
      msgShadeHeight: null, // 消息遮罩，点击消息旁边生成的遮罩
      //...
    }
  },
  beforeMount() {
     this.msgShadeHeight = window.innerHeight
   }
}

clarkdo on 13 Nov 2017

👍2 😄1

i want to use 'echart.js' but when i render the page, ReferenceError : "window is not defined" , how to fixed it?