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

相关推荐
a181001_19 分钟前
自制简易html指南针
前端·html·html5
BillKu1 小时前
Vue3取消网络请求的方法(AbortController)
前端·javascript·vue.js
海天胜景2 小时前
c# list<T> 合并
前端·c#
陈奕昆3 小时前
【LLaMA-Factory实战】Web UI快速上手:可视化大模型微调全流程
前端·ui·llama·大模型微调实战
Jedi Hongbin3 小时前
echarts自定义图表--柱状图-横向
前端·javascript·echarts
3D虚拟工厂4 小时前
1️⃣7️⃣three.js_OrbitControls相机控制器
javascript·3d·vue·blender·three.js·uv
Yan-英杰4 小时前
npm error code CERT_HAS_EXPIRED
服务器·前端·数据库·人工智能·mysql·npm·node.js
武昌库里写JAVA5 小时前
iView Admin的side menu改为top menu
java·vue.js·spring boot·课程设计·宠物管理
sunly_5 小时前
Flutter:组件10、倒计时
开发语言·javascript·flutter
BillKu5 小时前
前端Vue3 + 后端Spring Boot,前端取消请求后端处理逻辑分析
java·vue.js·spring boot