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'

你可能感兴趣的:(ui,vue.js,elementui)