el-table 高度自适应

要让el-table有自适应的高度，可以按照以下步骤进行设置：
1. 在el-table中动态绑定一个高度 :height="tableHeight"，并在data中声明tableHeight。
2. 在mounted()生命周期函数中，使用this.$nextTick()方法获取el-table的高度，并将其赋值给tableHeight。
3. 在window的resize事件中，重新获取el-table的高度，并将其赋值给tableHeight。

具体实现可以参考以下代码：

<template>
<div>
<el-table :data="tableData" :height="tableHeight">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
</div>
</template>

<script>
export default {
data() {
return {
tableData: [
{ name: '张三', age: 18, address: '北京市' },
{ name: '李四', age: 20, address: '上海市' },
{ name: '王五', age: 22, address: '广州市' },
],
tableHeight: '',
};
},
mounted() {
this.$nextTick(() => {
this.tableHeight = this.$refs.table.$el.clientHeight;
});
window.addEventListener('resize', this.handleResize);
},
beforeDestroy() {
window.removeEventListener('resize', this.handleResize);
},
methods: {
handleResize() {
this.tableHeight = this.$refs.table.$el.clientHeight;
},
},
};
</script>