前提:getTableMaxHeight.js
/**
* @param {Number} difference_height 需要减去的值
* @return {Number} table的最大高度值
*/
function getTableMaxHeight(difference_height) {
// 这里可以再写一些对difference_height类型判断的代码
let height = document.body.clientHeight //浏览器高度
return height - difference_height
}
export default getTableMaxHeight
引入:import getTableMaxHeight from './getTableMaxHeight'
1、:max-height="max_height" 2、data:this.max_height = null // 获取表格最大高度,用于固定表头 3、methods:{ get_max_height() { this.max_height = getTableMaxHeight(270) }, } 4、mounted(){ this.get_max_height() window.addEventListener('resize', this.get_max_height) // 监听窗口大小变化用以表格最大高度自适应 } 5、beforeDestroy() { window.removeEventListener('resize', this.get_max_height) // 移除监听窗口变化监听事件 },
标签:el,getTableMaxHeight,get,max,表头,height,table,difference From: https://www.cnblogs.com/lyt520/p/16865701.html