Vue监听浏览器窗口变化

mounted() {
  window.onresize = () => {
    return (() => {
      this.$nextTick(() => {
        console.log('clientWidth', document.body.clientWidth);
        console.log('clientHeight', document.body.clientHeight)
      })
    })()
  }
},

注意:
createdmounted监听都可以,但是在created监听的话此时的document还没有生成,请根据实际需求来实现,添加$nextTick()也是确保此时的DOM已经加载完成。

猜你喜欢

转载自blog.csdn.net/qq_29483485/article/details/129958840