前言: 这个bug产生在 el-tabs 组件下 切换的 图表展示中。主要是由于多个tab存在图标组件产生了重叠,导致echart在第一时间挂载之后没有监听到dom的宽高。

最为简单的方法。在生成图表的之前加上this.nextTick(),在nextTick回调函数里去执行这个生成图表的方法。
如图所示。
在这里插入图片描述
而echart 实例已经存在的解决方法 如下
在这里插入图片描述
在生成图表之前先把这个实例注销,同时置为空方便我们的判断。而初始值也是为空。

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐