Vue傳值方式


父傳子

1.1父組件准備數據

 

 

 1.2給子組件注冊定義屬性

 

 

 1.3子組件用props接收數據

 

 注意:這里我監聽了 父組件的值

子傳父

2.1:子組件准備數據

this.cstcde和thi.danme已經在子組件data中定義好了

2.2:子組件需要觸發自定義事件,觸發事件傳遞參數

confirm就是定義的事件,然后使用this.$emit傳遞參數

2.3:父組件接收數據,父組件需要給子組件注冊一個自定義事件.父組件提供方法

 這里給子組件注冊了自定義的事件 @open= "handleMerchan"

特別提醒!!! 在這里@open一定要和this.$emit中的第一個參數要一樣!!!!

本人踩過坑

2.4:父組件可以通過提供的方法獲取數據 

 父組件給子組件注冊的自定義事件可以接收子組件傳遞的數據

 cstcde,danme就是子組件傳給父組件的值!

非父子

路由傳值


免責聲明!

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



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