1. 初始化变量

data() {
  return {
    // 屏幕宽度
    screenWidth: window.innerWidth,
    // 屏幕高度
    screenHeight: window.innerHeight,
  }
}

2. 添加方法

handleResize() {
  this.screenWidth = window.innerWidth;
  this.screenHeight = window.innerHeight;
},

3. 添加监听

mounted() {
  // 监听屏幕宽度和高度变化
  window.addEventListener('resize', this.handleResize, true)
},

4. 摧毁监听

// 销毁监听
beforeDestroy() {
  window.removeEventListener('resize', this.handleResize);
},
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐