动态设置element|动态设置element 表格高度动态设置element表格高度

1 新建js
setHeight.js

// 用于计算页面element表格高度，动态设置表格高度 export function setHeight() { const configHeight = window.innerHeight - this.$refs.tableRef.$el.offsetTop - 50 const body = document.getElementsByClassName('el-table__body')[0].offsetHeight const head = document.getElementsByClassName('el-table__header')[0].offsetHeight const total = body + head + 2 console.log('total', total) if (configHeight < total) { this.tableHeight = configHeight > 300 ? configHeight : 300 } else { this.tableHeight = total > 300 ? total : 300 } // const card = document.getElementsByClassName('base-table-card') // card[0].style.height = configHeight + 50 + 'px' // 监听窗口大小变化 const self = this window.onresize = function () { const configHeight = window.innerHeight - self.$refs.tableRef.$el.offsetTop - 50 const body = document.getElementsByClassName('el-table__body')[0].offsetHeight const head = document.getElementsByClassName('el-table__header')[0].offsetHeight const total = body + head + 2 console.log('total1', total) if (configHeight < total) { self.tableHeight = configHeight > 300 ? configHeight : 300 } else { self.tableHeight = total > 300 ? total : 300 } // const card = document.getElementsByClassName('base-table-card') // card[0].style.height = configHeight + 50 + 'px' } }

【动态设置element|动态设置element 表格高度】2 页面使用流程
<1>