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>
---------------------
作者:carmen_shao
来源:CSDN
原文:https://blog.csdn.net/carmen_shao/article/details/82179620
版权声明:本文为博主原创文章,转载请附上博文链接!