35、element ui tab切換加載echarts不顯示或顯示不全問題解決：

      <el-tabs v-model="activeName" @tab-click="handleClick"  type="border-card">
        <el-tab-pane label="報表" name="first">
             <myTable :columns="columns" :dataSource="dataSource" :hasIndex="false" 
              :hasSelection="false" :hasPagination="true" v-loading="loading"> </myTable>
        </el-tab-pane>
        <!-- 報表 end -->

        <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 -->

只要加上上面下划線部分代碼即可，利用了v-if重新渲染的特性。

方法二：

見官網：https://v-charts.js.org/#/skill-demo（推薦）