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

相关推荐
孟陬6 分钟前
Foobar 技术周刊#160:大模型让大规模形式化软件验证成为现实丨AI写C++代码之后会发生什么?丨我们真的需要alpha() 函数吗丨重试,有时会让故障更
前端·后端·typescript
flash俊杰41 分钟前
屏幕感知双通道:截图之外,为什么还要一份 UIA 控件清单
前端
熟的生菜42 分钟前
从零造一个腱绳驱动灵巧手——仿真器篇3:VTK 渲染与 3D 交互——看得见、点得着、转得动
前端
Henry-SAP2 小时前
SAP PP中的核心业务流程——离散制造、重复制造、流程制造三大模式解析
前端·数据库·人工智能·制造
徐小夕2 小时前
下载量超 30 万的开源智能体 Prime Agent:它把自己从 TypeScript 重写成了 Rust
前端·vue.js·github
Zhao-Jichao2 小时前
AI Prompting for Everyone 课程笔记 - P20 实验与期末项目 Lab and Final Project
前端·人工智能·笔记
Moment3 小时前
为什么这么多 Agent Harness 都选择 TypeScript
前端·后端·面试
toooooop83 小时前
CRMEB 故障排查笔记:安全网关只放行 GET/POST 怎么办
前端·javascript·vue.js·thinkphp6·crmeb
软件技术NINI3 小时前
基于SpringBoot和Vue的项目评审系统
javascript·vue.js·spring boot·后端·spring·毕业设计·毕设
涛涛ing3 小时前
我现在最怕的不是 AI 写不出代码,是它写得太快,快到我不好意思说“等一下”
前端