前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vue监听浏览器高度

vue监听浏览器高度

作者头像
kirin
发布2020-12-23 14:44:23
1.2K0
发布2020-12-23 14:44:23
举报
文章被收录于专栏:Kirin博客Kirin博客
vue监听浏览器高度-麒麟博客
vue监听浏览器高度-麒麟博客
代码语言:javascript
复制
<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);
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-12-21 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档