<div id="TableConConStucke" :style="contentStyleObj">
省去内容......
</div>
data中:
contentStyleObj: {
height: "",
overflow: "auto"
}
methods中:
getHeight() {
// 获取浏览器高度 768 1080一般笔记本浏览器高度
if (window.innerHeight < 768 || window.innerHeight < 1080) {
this.contentStyleObj.height = "361px";
} else {
this.contentStyleObj.height = "auto";
}
},
created中
// 监听浏览器高度事件
window.addEventListener("resize", this.getHeight);
// 执行浏览器高度事件
this.getHeight();
destroyed中
// 页面一关闭,销毁监听事件
window.removeEventListener("resize", this.getHeight);
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步