element ui 表格如何实现高度自适应，并且随窗口动态更改

element ui 文档高度都是设置的 height=“250” 没有给出动态适应的办法

el-table 绑定属性 :height=“Height”

<el-table :height="Height" style="width:100%;">
。。。。
</el-tale>

data() {
	return {
		Height: ''
	}
}

初始化时获取< el-table >< /el-table >的父元素 的高度，并赋值给变量 Height

<div class="table" ref="tableCot">
	<el-table :height="Height" style="width:100%;">
		。。。。
	</el-tale>
</div>

created() {
	this.$nextTick(() => {
		this.Height = (this.$refs.tableCot.offsetHeight - 25 ) + "px"
	})
}

获取父元素动态变化的高度并赋值给Height

mounted() {
const that = this
	window.onresize = () => {
		return (() => {
			let heightStyle = (that.$refs.tableCot.offsetHeight - 25) + "px"
			that.Height = heightStyle
		})()
	}
}

搞定了 点个赞哎呀 宝贝