vue实时监听获取浏览器窗口大小变化

export default {
  data() {
    return {
    screenWidth: '',
    screenHeight: ''
    };
  },
  mounted() {
    //初始化获取浏览器宽度和高度
    this.screenWidth = document.body.clientWidth;
    this.screenHeight = document.body.clientHeight;

	//实时改变浏览器宽度和高度
    window.onresize = () => {
    return (() => {
      this.screenWidth = document.body.clientWidth;
      this.screenHeight = document.body.clientHeight;
    })();
    };
  }
}

以上是编程学习网小编为您介绍的“vue实时监听获取浏览器窗口大小变化”的全面内容，想了解更多关于 vuejs 内容，请继续关注编程基础学习网。