子传父 $emit的使用

84 阅读1分钟

1、子组件

<template>
	<view>
		<button v-for="item in hello" :key="item.id" @tap="btnClick(item.name)">{{item.name}}</button>

	</view>
</template>


data() {
	return {
		hello: [{
			name: '1',
			id: 1
		},
		{
			name: '2',
			id: 2
		}
		]
	}
},
	methods: {
		btnClick(item) {
			this.$emit('abcClick', item)
			}
		}

2、父组件

<Yule  @abcClick="bbb"></Yule>
methods:{
	bbb(item){
    	log('aaaa')
       }
   }