element在使用tab页时,echarts只在第一个页面加载(第二个tab页也在默认tab页显示)问题

最近做项目遇到一个纠缠了很久的问题,

上图显示的是默认tab页,图表显示是没有问题的,但是在加载第二个就出现问题了(如下图)



这样显然是不对的。
后来花时间研究,发现了一个问题


这样的话就导致一个问题,当tab页中的组件共用同一个echarts图标时,默认tab页加载以后会占据(我的理解是占据)了echarts图表组件,导致不能再第二个tab页渲染出来,但是数据实打实也传到echarts组件里面了,这就导致出现文章开始的现象。
解决这个问题的方法就是,当选中哪个tab组件的时候,就渲染哪个组件,

posted @ 2021-02-24 15:03  seekHelp  阅读(600)  评论(0编辑  收藏  举报