vue使用element-ui的dialog组件数据异步导致高度异常

问题描述

dialog中嵌套table，table的数据为后端请求

---

原因分析：

table默认高度100%，请求table数据未赋值完就渲染高度，导致dialog的高度异常

---

解决方案：

根据动态赋值table的高度，而不是使用默认的100%

// ref为table的
let height = this.$refs.tableRef.$el.offsetHeight;
this.$refs.tableRef.$el.style.height = height + 'px'