vue子組件和父組件之間的傳值和方法的相互調用


vue子組件和父組件之間的傳值和方法的相互調用

事件調用:
1. 子組件調用父組件事件

this.$parent.closeCurrentView();//

父組件:定義closeCurrentView事件

 


2. 父組件調用子組件事件

this.$refs.orderlist.parentHandleclick();//父組件 

子組件定義parentHandleclick事件

 


傳值:
1. 子組件傳值給父組件

this.$emit('aaa',mmmm)//
父組件<子組件 @aaa='getchlidData'></子組件> 

定義 getchlidData事件getchlidData(e),參數e可直接獲取子組件傳來的值(此處為mmmm)

 

2. 父組件傳值給子組件

<子組件 :值="val"></子組件> //父組件

props:['值']//子組件,子組件即可直接使用‘值’

 


免責聲明!

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



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