echarts图表配合element-ui的tab显示出错问题

echarts图表在快速来回切换的时候，有时无法加载完全图表，导致图表变形。
可以给图表标签加上v-if来优化此问题

 <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="用户管理" name="first">
      // echarts图表标签
      <div v-if='activeName === first' id='echartsDemo'></div>
    </el-tab-pane>
    <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
    <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
    <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>
  </el-tabs>