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值了

相关推荐
天启HTTP5 分钟前
开启全局代理后网络变慢,问题出在哪
开发语言·前端·网络·tcp/ip·php
卡布鲁10 分钟前
Webpack 核心原理与自定义 Loader/Plugin 实战
前端·javascript
小林ixn12 分钟前
从拼多多手机号验证到模板引擎:深入正则表达式与 JS 字符串处理
开发语言·javascript·正则表达式
智码看视界17 分钟前
Web Storage 的无障碍实践与工程化应用
前端·javascript·web
孟陬19 分钟前
国外技术周刊 #140:在 Jeff Bezos 的私密 Campfire 峰会上,我学到了关于亿万富翁的事
前端·后端
槑有老呆20 分钟前
Bun:一个让 Node 开发者原地起飞的 JS/TS 运行时
前端
小小小小宇21 分钟前
AI Agent 核心流程与底层逻辑
前端
wuhen_n23 分钟前
RAG 实战:语义检索 + 大模型生成精准问答
前端·langchain·ai编程
卤蛋fg627 分钟前
vxe-table 列拖拽排序与行拖拽排序:让表格布局任意排序
vue.js