vue 计算页面高度

最新推荐文章于 2023-05-20 16:52:32 发布

weixin_44134816

最新推荐文章于 2023-05-20 16:52:32 发布

阅读量677

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_44134816/article/details/130358973

版权

// window.addEventListener('resize', () => {
      // 最后赋值给页面的高度
  //    this.getHeight()
  //  })
mounted(){
   window.onresize=()={  //动态页面自适应
   if(this.resizeFlag){
     clearnTimeOut(this.resizeFlag)
  }
  this.resizeFlag=setTimeOut(()=>{
   this.getHeight()
   this.resizeFlag=null
},100)
}
}
getHeight(){
 let tableHeight=300 //其他部分高度 clientHeight 不包括滚动条的宽度
 let H=window.innerHeight-tableHeigt
 if(H<=300){
   this.height=300
}
  else{
    this.height=H
  }
}