当使用element-ui的el-tab-pane组件时,底下的echars图表宽度会显示为100px,导致原本的图表变形。
网上查了下资料 发现是图表的渲染时机不对
解决方案:
把el-tab-pane的lazy属性设为true
<el-tab-pane v-for="tab in tabs" :key="tab.name" :name="tab.name" lazy>
<span slot="label" style="margin: 0 10px;">
{{ tab.label }}
</span>
<component :is="tab.name" :ref="tab.name"></component>
</el-tab-pane>