在 el-tabs 的非激活面板里渲染 el-table,切换过去后列宽错位、操作列跑偏。

原因

表格在 display:none 的容器里渲染,获取不到真实宽度。

解决

  • 给每个 el-tab-panelazy,首次激活才渲染。
  • 表格加 ref,在 tab 切换回调里 $nextTickdoLayout()

同样的处理也适用于 el-dialog 内表格与窗口缩放场景。