el-table设置表格高度自适应

①标签

<el-table ref="table" :data="tableData" :height="tableHeight"></el-table>

②脚本

export default { data(){ return { tableHeight: 50, tableData: [] } }, mounted:function(){ this.$nextTick(function () { this.tableHeight = window.innerHeight - this.$refs.table.$el.offsetTop - 50; // 监听窗口大小变化 let self = this; window.onresize = function() { self.tableHeight = window.innerHeight - self.$refs.table.$el.offsetTop - 50 } }) //this.$refs.table.$el.offsetTop：表格距离浏览器的高度 　　　　 //50表示你想要调整的表格距离底部的高度（你可以自己随意调整），因为我们一般都有放分页组件的，所以需要给它留一个高度　 } }

亲测可用。

转自：https://www.cnblogs.com/muou2125/p/9952491.html