一、问题描述

目前在做一个vue项目，遇到这样一个问题。我使用了dialog去设置一个弹框，弹框里添加tab标签页，然后点击不同的tab，显示对应的内容。其中包括echarts的显示。数据或者其他都正常显示，唯独echarts只显示初始化时的。点击其他tab，echarts不显示，于是就上网查了很多资料。先看一看，之前错误的代码，和效果

中间代码省略


效果如图
初始的时候

点击tab切换的时候

如上图，echarts图表不显示

二、 解决办法

通过v-if去控制当选中时才渲染，点击那个tab时就渲染对应的echarts。看一下正确的代码

至于这个里面为什么设置延时操作，可以参考我的另一篇文章，

在element-ui的dialog弹框中使用echarts报错，不能出现图表TypeError: Cannot read property ‘getAttribute‘ of undefined