无法获取iframe中元素id

无法获取iframe中元素id

我的主页面中使用了引用了很多的的iframe(通过Element-Ui tabs加载的),其中有一个页面使用了echarts,单独访问页面,图表是可以正常显示,但是从主页面访问的话就无法加载出来图表,
经过排查是因为无法获取到元素的id,
后来发现需要F12,先点击元素之后才能获取到id。请问如何解决这个问题,其原理是什么?

试下在iframe标签上,使用v-if,在切换到这个tabs才,让v-if条件成立

试下使用iframe的 onload 事件。保证新页面已加载完成,再调用里面的函数试试

确保访问id的元素已被渲染,监听渲染完成后再执行创建图表操作

大概是因为渲染不同步造成的。
可以尝试一下1楼的说法,在iframe上加个v-if标签,等准备工作做好了,再让iframe变为true。