VUE初長成【組件click事件中的$event】


API:v-onvm.$emit( eventName, […args] ) 

子組件:

1 Vue.component('testdiv', {
2   template: `
3     <div v-for="(item, i) in items" :key="i" @click="$emit('click', item)">
4       ...
5     </div>
6   `
7 })

父組件:

1 <testdiv @click=test($event)>戳我!看測試!<testdiv>
2 
3 
4 methods: {
5     test(e) {
6         console.log(e). // 輸出結果為data()中item的對象數據
7     }
8 }

注意:@click=test($event) 寫成$event,寫成其他無效

(默認為$event,如果有其他參數則要寫上$event --->( @click=test([options], $event) ))

 在父組件中就能調用頁面中當前對象自定義的參數

 


免責聲明!

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



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