1、場景一:父組件A頁面有個按鈕觸發(fā),使得子組件B彈框出現(xiàn),并且子組件有關(guān)閉按鈕可以關(guān)閉彈框。
使用的是van-popup。該組件show 屬性,如果為true就出現(xiàn)彈框,所以父組件A 注冊prop屬性show(與子組件保持一致),傳給子組件,點(diǎn)擊頁面按鈕將傳入該屬性的值傳true,則子組件彈框就會出現(xiàn)。
但是發(fā)現(xiàn)點(diǎn)擊子組件關(guān)閉彈框,并沒有關(guān)閉。
原因:父組件沒有注冊close事件,去將傳入show屬性里的值置為false,所以在父組件A里注冊該事件即可。
一句話匯總:保證父子組件的事件注冊、子組件的屬性都保持一致即可。
VUE3的組件通訊
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 本文簡介 點(diǎn)贊 + 關(guān)注 + 收藏 = 學(xué)會了 本文講解 Vue 3.2 組件多種通訊方式的基礎(chǔ)用法,并且使用了 ...
- 本文簡介 點(diǎn)贊 + 關(guān)注 + 收藏 = 學(xué)會了 本文講解 Vue 3.2 組件多種通訊方式的基礎(chǔ)用法,并且使用了 ...
- 完整原文地址見簡書http://www.itdecent.cn/p/c8891bd3fe36[https://w...