el-tab和echarts结合使用的坑

当使用element-ui的el-tab-pane组件时，底下的echars图表宽度会显示为100px，导致原本的图表变形。
网上查了下资料 发现是图表的渲染时机不对
解决方案：
把el-tab-pane的lazy属性设为true

<el-tab-pane v-for="tab in tabs" :key="tab.name" :name="tab.name" lazy>
        <span slot="label" style="margin: 0 10px;">
          {{ tab.label }}
        </span>
        <component :is="tab.name" :ref="tab.name"></component>
      </el-tab-pane>