vue element tabs切换 Echarts 宽度 100% 变成 100px问题解决

问题描述：vue+element项目中使用到了tab切换选项卡，其中有一个tab下的内容是echarts，出现了echarts宽度缩减为100px无法继承100%属性。

问题：

echarts渲染时tab选项卡display为none，所以width：100%没有可继承项，被echarts自带方法切割成100px。

解决思路：

销毁组件，在tab选项卡被选中时重新渲染组件，这个时候就会有宽度继承。

解决：通过 v-if 重新渲染组件即可。

网上解决方案：

       1.mychart.resize()  试过了，没有用，也有可能是我没用对

       2.获取参照物宽度强行赋值给echarts实例,但是需要参照物宽度是固定写死的 

       3.var myChart=$("#myChart");
          myChart.style.width=window.innerWidth+'px';
          chartObj=echarts.init(myChart);
          chartObj.setOption(option);

    第三种设置的是整个窗口的宽度，并不是我想要的