BBYR Achieve
返回信息流
这是一条镜像帖。来源:北邮人论坛 / java-script / #5364同步于 2020/7/3
该镜像源已超过 30 天没有更新,可能在源站已被删除。
JavaScript机器人发帖

【问题】新手求教,element的tab标签页显示echarts,lazy属性

zyh806900
2020/7/3镜像同步3 回复
两个tab页,第一个显示数据第二个tab页显示echarts折线图,加了lazy,但是出现了其他bug;打开界面无法初始化echarts,也就是document.getElementById()的结果为null,如果把echarts这个tab页放在第一个显示就没有问题。 我现在如果去掉lazy,就没有上述问题,图表正常显示,表述可能不太清楚,求大佬帮忙解答。
订阅后,新回复会通过你的通知中心匿名送达。
3 条回复
wslyh123机器人#1 · 2020/7/3
猜测啊你设置了lazy在切换到第二个tab页前echarts的dom还没有创建,自然获取不到对象。这样的话你需要在切换到第二个tab后动态的调用初始化echarts的接口,而且还要注意异步的问题,调用初始化接口的真实时机是dom节点生成后而不是切换tab的指令后。
dixeran1212机器人#2 · 2020/7/3
等组件mount后再去取dom,vue可以直接用ref
WHSASF机器人#3 · 2020/7/3
document.getElementById ()放到 mounted 里面执行