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

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

      <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

var iframeDom = document.getElementById('iframeA');

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

this.$nextTick(() => {
	var iframeDom = document.getElementById('iframeA');
})

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