vue中的$event和子組件向父組件數據傳遞


自帶事件 中 $event

@click="clickFun($event)" //或 @click="clickFun"
clickFun(e){
  e.currentTarget // 指向事件綁定元素
  e.target // 指向事件發生的元素
}

通過自定義事件向父組件傳遞不同狀況總結

1. 1 單個參數傳遞

$emit("a", 1)
// 默認 父組件中
@a = "ahandler" //或 @a = "ahandler($event)"
ahandler(e){console.log(e)} // 1

1.2  若除子組件參數,還想給方法中傳遞自定義參數 

@a = "ahandler($event, 2)" 
ahandler(e, type){console.log(e, type)} // 1, 2

 

2. 傳遞多個參數

$emit("a", 1 ,2)
@a = "aFun(arguments)
aFun(a){
  console.log(a) // [1,2]
}

 


免責聲明!

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



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