element ui tab切换加载echarts不显示或显示不全问题解决：

今天在写echarts图表时发现的问题，因为图表是属于第四个页签，所以当切换到第四个页签时，图表都是空的，一直以为是自己图表的问题，或者组件引入有问题。
调试的时候发现，如果改变图表数据会触发图表刷新，图表这时候会显示出来。一直纠结在生命周期的问题上。。。
百转千回，发现是tabs 切换导致的问题。
<el-tabs v-model=“activeName” @tab-click=“handleClick” type=“border-card”>

    <el-tab-pane label="图表" name="second" ***:key='activeName'***>
         <el-row>
            <el-col :span="8"><div> <ve-histogram :data="chartData" ***v-if="key='activeName'"***></ve-histogram></div></el-col>
          </el-row>
    </el-tab-pane>
    <!-- 柱状图表 end -->

加了这部分***:key=‘activeName’*** v-if="key=‘activeName’" 利用了v-if重新渲染的特性。