vue监听浏览器窗口的变化,随着窗口变化调整里面table的宽高
2024-10-20 05:29:57
1.在data中设置:
tableHeight:"500",
screenHeight:window.innerHeight,
2.在mounted中设置:
mounted() {
const that = this
window.onresize =() =>{
return (()=>{
window.screenHeight = window.innerHeight
this.screenHeight = window.screenHeight;
})()
}
},
3.在watch中监听:
watch:{
screenHeight(val){
this.screenHeight = val
this.tableHeight = this.screenHeight - 250
}
},
最新文章
- Monkey的ADB命令简单使用示例和解析
- linux下DHCP服务原理总结
- ccc let
- jenkins 更换主数据目录
- Objective-C: NSFileManager 的使用
- Svn忽略配置
- js操作iframe总结
- hdu 1531	King
- 《Linux命令行与shell脚本编程大全》第十七章 创建函数
- MVC 框架
- Spring消息之STOMP
- 20175324王陈峤宇 2018-2019-2《Java程序设计》结对编程项目-四则运算 第一周 阶段性总结
- 第四节: Quartz.Net五大构件之Trigger通用用法(常用方法、优先级、与job关联等)
- 最新的 cocoapods 安装与使用(2019.04)
- python 数据分析库介绍
- Java数据解析---SAX
- 2017MySQL中文索引解决办法 自然语言处理(N-gram parser)
- Java秒杀简单设计二:数据库表和Dao层设计
- hdu5230
- vue-quill-editor 富文本集成quill-image-extend-module插件实例,以及UglifyJsPlugin打包抱错问题处理
热门文章
- mac安装thrift
- linux shell 脚本攻略学习4
- linux 系统获得当前文件夹下存在的所有文件 scandir函数和struct dirent **namelist结构体[转]
- 如何禁用Visual Studio 2013的浏览器链接功能
- cmake3.8X64编译opencv3.2出现opencv_ffmpeg、opencv_ffmpeg_64、ippicv_windows_20151201.zip无法下载问题解决方案
- Spring3整合Quartz实现定时作业
- 【struts2】Struts2的运行流程
- wps 根据单元格值 设置单元格所在行 颜色(大于0 行红色 小于0 行xx色)
- C#设计模式(6)——原型模式(Prototype Pattern) C# 深浅复制 MemberwiseClone
- 如何检查后台服务(Android的Service类)是否正在运行?