Vue3子傳父$emit(組件之間通信)


如圖

 

 

 當我們使用子組件的值傳給父組件時要用到$emit

子組件

給子組件設置一個事件,括號里是傳的值,如圖

 

 

 然后在自定義事件里使用和emit,如圖 ,注$emit(‘事件名’,要傳給父組件的值)

 

 

 當我們點擊子組件的(changcount)事件時很觸發父類的(mycontevent)事件監聽

父組件

在父組件調用的子組件里,  使用$emit的事件,然后使用mycountevent事件監聽觸調用一個事件。當我們點擊子組件時會觸發這個(mycountevent)事件,然后把值傳給我們寫的(mydemo)事件

 

 然后在自定義事件里接收值

 

 data為子組件傳到父組件的值,隨后我們就可以進行相要的操作

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM