无法获取iframe中元素id

Question

无法获取iframe中元素id

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

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

• 文章：如何修改iframe里面元素样式 中也许有你想要的答案，请看下吧

Answer 5

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