vue3元素高度自适应+elementui表格高度自适应

<div :style="{ height: heightWindow + 'px', backgroundColor: '#fff' }">
　　<el-table :data="frame.list" ref="tableRef" :max-height="maxHeight" size="large">
　　　　<el-table-column prop="name" label="名称" align='center' />
　　</el-table>
</div>

<script lang='ts' setup>
import {onMounted, ref} from 'vue'
// 自适应
const tableRef = ref();
const maxHeight = ref()
const heightWindow = ref()
onMounted(() => {
  heightWindow.value = window.innerHeight - 224
  maxHeight.value = window.innerHeight - tableRef.value.$el.offsetTop - 100;
  window.onresize = () => {
    heightWindow.value = window.innerHeight - 224
    maxHeight.value = window.innerHeight - tableRef.value.$el.offsetTop - 100;
  };
})
<script>