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

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

你可能感兴趣的:(element,vue,el-dialog坑,vue.js,javascript,前端)