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