el-dialog中嵌套iframe之后拿不到iframe的id 的解决办法

在vue+element项目中想用到el-dialog弹窗加iframe嵌套外部页面的方法,但是这时候要获取iframe里面的ID 但是这时候怎么也获取不到

html 复制代码
      <el-dialog ref="middleFlag" v-if="middleFlag" width="1100px" height='1200px' title="文章管理" :visible.sync="open">
        <iframe id="iframeA" ref="iframeing" width="1000px" height="500px" title=""></iframe>
      </el-dialog>

这么写 在下面直接拿ID 是获取不到的 输出是null

javascript 复制代码
var iframeDom = document.getElementById('iframeA');

这时候需要加一个异步执行 就可以获取到了

javascript 复制代码
this.$nextTick(() => {
	var iframeDom = document.getElementById('iframeA');
})

这么写就能顺利的获取到id值了

相关推荐
cidy_987 小时前
codebase-memory-mcp 安装教程
前端
mt_z7 小时前
Webpack 与 Vite 完全指南
前端
灏仟亿前端技术团队7 小时前
B 端多弹窗越来越难维护?试试把弹窗交互 Promise 化
前端
奇奇怪怪的7 小时前
向量数据库选型与生产级实战
前端
徐小夕9 小时前
jitword 协同文档3.2发布:打造浏览器中最强word编辑器
前端·架构·github
纯爱掌门人10 小时前
干了这么多年前端,聊聊 2026 年我们到底还值不值钱
前端·程序员
houhou10 小时前
Monaco Editor 集成指南:从配置到优化
前端
hunterandroid10 小时前
[Android 从零到一] Custom View 自定义绘制:从 onDraw 到完整交互
前端
李明卫杭州10 小时前
Vue3 v-memo 指令详解:让你的列表渲染性能翻倍 🚀
前端
梨子同志11 小时前
Monorepo
前端