Vue中tabs切换导致echarts显示不完整

发表于 | 浏览 次

vue中tabs切换导致一侧的echarts显示不了 (应该只要是设计tab切换就会有这个问题) 切换显示隐藏的时候渲染echarts计算宽度可能出现了问题Alt text如图所示
Alt text
出错的图
Alt text
我的解决办法
通过v-if控制未显示的tab下的图标组件暂时不渲染 监听el-tabs的切换事件 到当前tab下再加载当前tab下图表的dom
解决
Alt text
Alt text
Alt text
Alt text

-------------本文结束感谢您的阅读-------------