博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue监听浏览器窗口的变化,随着窗口变化调整里面table的宽高
阅读量:6985 次
发布时间:2019-06-27

本文共 467 字,大约阅读时间需要 1 分钟。

1.在data中设置:

1  tableHeight:"500",2  screenHeight:window.innerHeight,

2.在mounted中设置:

1   mounted() {2       const that = this3       window.onresize =()  =>{4         return (()=>{5           window.screenHeight = window.innerHeight6           this.screenHeight = window.screenHeight;7         })()8       }9     },

3.在watch中监听:

1   watch:{2       screenHeight(val){3         this.screenHeight = val4         this.tableHeight = this.screenHeight - 2505       }6     },

 

转载地址:http://uktpl.baihongyu.com/

你可能感兴趣的文章
多个常见代码设计缺陷
查看>>
今年光伏市场规模可达30GW 分布式有望占据三分江山
查看>>
因新漏洞问题 Firefox 49发布时间将延期一周
查看>>
WLAN产品形态之分层架构
查看>>
Chrome 隐藏 SSL 证书信息 禁止禁用 DRM
查看>>
《Windows Server 2012 Hyper-V虚拟化管理实践》——3.2 Hyper-V主机日常管理
查看>>
《C语言编程魔法书:基于C11标准》——第一篇 预备知识篇 第1章 C魔法概览1.1 例说编程语言...
查看>>
《IPv6安全》——1.7 推荐读物和资料
查看>>
《实施Cisco统一通信管理器(CIPT2)》一1.2 概述部署多站点环境时将会遇到的挑战...
查看>>
《CCNP安全Secure 642-637认证考试指南》——第8章 配置与实施路由式数据面安全...
查看>>
AngularJS 的自定义指令
查看>>
《CCNA ICND2(200-101)认证考试指南(第4版)》——第1章定义生成树协议
查看>>
什么样的 RPC 才是好用的 RPC
查看>>
《Adobe Premiere Pro CC经典教程》——14.6 特殊颜色效果
查看>>
Debian 项目不再提供 CD 格式的 ISO 镜像
查看>>
《设计团队协作权威指南》—第1章1.3节甘为螺丝钉
查看>>
android 屏幕保持唤醒 不锁屏 android.permission.WAKE_LOCK
查看>>
《Unity 3D 游戏开发技术详解与典型案例》——1.3节第一个Unity 3D程序
查看>>
Airbnb数据科学团队进化论:如何由内而外实现数据驱动
查看>>
如何用机器学习预测超售,避免美联航“暴力赶客”悲剧
查看>>