需求如下：
image.png
tips ：el-table占去剩下的高度
1.为el-table设置高度变量tbHeight：
<el-table
:data="tableData"
style="width: 100%;margin-bottom: 20px;"
row-key="kpiCode"
ref="table"
border
stripe
default-expand-all
:header-cell-style="{'text-align':'center', color: 'rgba(0,0,0,.85)'}"
:height="tbHeight"
>
//........
2.赋值：
this.tbHeight =
window.innerHeight -
this.$refs.table.$el.getBoundingClientRect().top -
20;
//底部预留20px；
总结：
window.innerHeight //获取视窗高度
this.$refs.table.$el.getBoundingClientRect().top //元素相对于视窗的位置
网友评论