element-ui tab切换时候,第一个图正常显示,第二个及之后的图无法正常显示问题:
解决方法:
设置当前key值与v-model绑定的值一致时才加载图表。
<el-tabs v-model="activeName" type="border-card">
<el-tab-pane v-for="item in tabMapOptions" :label="item.label" :key='item.key'
:name="item.key">
<line-chart v-if="item.key === activeName" :chart-data="InOutChartData" >
</line-chart>
</el-tab-pane>
</el-tabs>