Vue使用element-ui tab切换echarts解决宽度100%问题

element-ui 使用el-tab组件注意事项

这里面每一个tab页使用echarts都会存在echarts设置百分比自适应问题设置100%后只有100px的样子缩到一起，解决办法是：

1. 第一种 解决：通过 v-if 重新渲染组件即可。

2. 延时调用echart的resize()方法即可

methods:{
    handleClick(tab, event) {
      if (tab.name === 'second') {
        this.$nextTick(() => {
          this.$refs.second.chart.resize()
        })
      }
    },
}