Dialog 的内容是懒渲染的——在被第一次打开之前,传入的默认 slot 不会被立即渲染到 DOM 上。 因此,如果需要执行 DOM 操作,或通过 ref
获取相应组件,请在 open
事件回调中进行。
const tableRef=ref()
open() {
this.isDialogShow = true;
this.$nextTick(() => {
console.log(tableRef.value)
})
}
注意一定要在控制dialog的布尔值变为true
后调用nextTick
,这样就能顺利获取到DOM啦~