首先不管你的element ui 还是element plus,这个都是通用的。
这里使用vue2来演示,如果你使用的是vue3,那么也相信你也可以转化成你熟练的vue3代码吧。
el-table 组件是自带一个属性 height 可以传值的,那么就好办了。
<template>
<el-table :height="height" ref="elTableRef"></el-table>
</template>
<script>
export default {
data(){
return {
height:0
}
},
method:{
getHeight(){
this.height = window.innerHeight - 220;// 220 可以自己调整
}
},
created() {
window.addEventListener("resize", this.getHeight);
}
}
<script/>