VUE中监听窗口宽高

2020-06-12 本文已影响0人小碗吃不了

在data中设置

data() {
  return {
    screenHeight: document.documentElement.clientHeight, //屏幕高度
    screenWidth: document.documentElement.clientWidth, //屏幕宽度
  }
}

在mounted中设置（在resize中设置即可）

mounted() {
  let that = this;
  window.addEventListener("resize", function() {
    that.screenHeight = document.body.clientHeight;
    that.screenWidth = document.body.clientWidth;
    console.log(that.screenHeight);
  });
},

上一篇下一篇

猜你喜欢

热点阅读