element-ui tab切换加载echarts无法正常显示问题

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 
版权声明：本文为博主原创文章，转载请附上博文链接！