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

相关推荐
掘金者阿豪2 分钟前
数据集成软件不能只看“同步成功”:聊聊金仓 KFS 和订单数据同步这件事
前端·后端
风骏时光牛马4 分钟前
Navicat Premium 18 自动续试用天数
前端
hunterandroid21 分钟前
HarmonyOS HUKS 密钥全生命周期实战:生成、轮换与失效处理
前端·华为
damoluomu23 分钟前
SSG 的后台怎么补:Node.js 生态里的三条路(番外二)
javascript·css·typescript·node.js·html
东鹏特饮30 分钟前
贪吃蛇小游戏html
前端·javascript·html
溪语流沙32 分钟前
【每天一个CSS | Day23】边框上有一道光在跑的流光呼吸卡片
前端·css
小马不起床34 分钟前
零基础玩转 FastAPI_10:前端登录、权限与布局
前端·状态模式·fastapi
程序员Sunday41 分钟前
JavaScript 深拷贝和浅拷贝有什么区别?structuredClone 能替代 JSON 拷贝吗?
前端·javascript
ShineWinsu1 小时前
对于CSS:选择器的解析
前端·css·面试·html·web·选择器·网页
m0_587383001 小时前
碰碰好评卡功能落地实战 从需求梳理到上线部署全流程实操指南
java·linux·服务器·前端·javascript·vue.js·人工智能