基于Vue解决Element Tab切换时ECharts图表渲染异常问题

资源下载链接为： https://pan.quark.cn/s/9e7ef05254f8 在 tab 里挂多个 ECharts 时，切 tab 后图表宽度往往不对，因为隐藏 tab 里的图表拿不到 div 的尺寸。常见做法是监听 tab-change 再手动 resize，代码繁琐。 更简单的办法：用 v-if 控制渲染时机。切到哪个 tab，就把该 tab 内图表的 v-if 设为 true，让 ECharts 在可见时才初始化。默认显示的 tab 也提前设为 true。示例： 这样无需额外监听，图表只在可见时渲染，宽高自然正确。