關(guān)于在vue中獲取el-dialog中的ref時(shí)獲取不到的解決方案

在打開(kāi)dialog或者直接獲取dialog的內(nèi)部元素時(shí)，使用

this.$refs.xxx

來(lái)獲取相關(guān)內(nèi)容時(shí)，因?yàn)檫€未加載出dialog，所以無(wú)法獲取的相關(guān)內(nèi)容，即使使用

this.$nextTick(()=>{
    this.$refs.xxx
})

也無(wú)法正常獲取

解決方案：
在進(jìn)入頁(yè)面時(shí)，開(kāi)啟dialog，設(shè)置dialog的rendered屬性為true，再關(guān)閉dialog，這個(gè)過(guò)程因?yàn)楹芸欤⒉挥绊懹脩趔w驗(yàn)。

mounted(){
  this.dialogVisible = true
  this.$refs.dialogRef.rendered = true // 為dialog設(shè)置一個(gè)ref為dialogRef
  this.dialogVisible = false
}

之后便可使用
this.$refs.xxx
獲取dialog內(nèi)部相關(guān)內(nèi)容

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容