API:v-on、vm.$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) ))
在父组件中就能调用页面中当前对象自定义的参数
所有评论(0)