如何动态计算表格的高度

1. 获取页面总高度：document.documentElement.clientHeight（任何页面都适用）
2. 其他高度可以在开发者工具中找到对应盒子的类名，并获取高度
3. 最终要动态变换的高度=总高度-其他部分的固定的高度

const resetDomSize = () => {
    // 总高度
    let contentHeight = document.documentElement.clientHeight;
    let headerHeight = document.querySelector('.el-drawer__header')?.clientHeight;
    //   下拉高度
    let headerHeight2 = document.querySelector('.vxe-grid--form-wrapper')?.clientHeight + 25;
    //   按钮高度
    let headerHeight3 = document.querySelector('.vxe-grid--toolbar-wrapper')?.clientHeight;
    // 底部高度
    let footerHeight = document.querySelector('.footer').clientHeight
    nextTick(() => {
        tableHieght.value = contentHeight - (headerHeight + headerHeight + headerHeight2 + headerHeight3 + footerHeight + 20) + 'px'
    })
}