34 lines
1.1 KiB
JavaScript
34 lines
1.1 KiB
JavaScript
|
/*
|
|||
|
* @Author: your name
|
|||
|
* @Date: 2021-05-06 17:17:43
|
|||
|
* @LastEditTime: 2021-06-29 17:27:21
|
|||
|
* @LastEditors: Please set LastEditors
|
|||
|
* @Description: In User Settings Edit
|
|||
|
* @FilePath: \aiguo_erp_vue\src\utils\autoTableHeight.js
|
|||
|
*/
|
|||
|
//获取浏览器窗口高度,处理Element的Table组件的高度问题(height只能是数字或者字符串)
|
|||
|
function autoTableHeight() {
|
|||
|
var winHeight = 0;
|
|||
|
if (window.innerHeight) {
|
|||
|
winHeight = window.innerHeight;
|
|||
|
} else if (document.body && document.body.clientHeight) {
|
|||
|
winHeight = document.body.clientHeight;
|
|||
|
} //通过深入Document内部对body进行检测,获取浏览器窗口高度
|
|||
|
if (document.documentElement && document.documentElement.clientHeight) {
|
|||
|
winHeight = document.documentElement.clientHeight;
|
|||
|
}
|
|||
|
// 370 是顶部和底部导航以及部分自定义布局 ;相当于用js实现了 height: calc(100vh - 260px); 的效果
|
|||
|
return winHeight - 370;
|
|||
|
}
|
|||
|
|
|||
|
//浏览器窗口变化时
|
|||
|
window.onresize = function() {
|
|||
|
autoTableHeight();
|
|||
|
};
|
|||
|
|
|||
|
//浏览器重新加载时
|
|||
|
window.onload = function() {
|
|||
|
autoTableHeight();
|
|||
|
};
|
|||
|
|
|||
|
export default autoTableHeight;
|