存在对话框:
<el-dialog :visible.sync="dialogVisible">
<div id="devModel"></div>
</el-dialog>
问题代码:
this.dialogVisible = true
let dom = document.getElementById('devModel')
console.log(dom) // 打印出dom为null
正确代码:
this.dialogVisible = true
this.$nextTick(()=>{
let dom = document.getElementById('devModel')
console.log(dom)
})
必须使用nextTick,否则初次打开对话框时获取不到里面的dom节点。