使用elementUi里面的el-tab-pane配合echarts图表踩坑记录

今天写项目的时候遇到一个问题，就是使用element的tab-pane进行切换的时候，切换到第二个tab的时候echarts图表的宽高始终只有100px，怎么找都没有找到是什么问题导致的，最后查阅资料发现，该组件不会刷新生命周期钩子。也就是说不会触发echarts组建中的销毁初始化等，这几个tab中的echarts是同时加载的。。。。。。

所以，解决方法是在渲染echarts图表那里加上v-if

然后在mounted()这里先加载一个tab的图表

然后在通过watch监听切换tab的值，再通过$nextTick之后渲染图表

就可以了。

此文章只做个人踩坑记录，有什么不正确的地方谢谢指出。