[vue3]子组件给父组件传值context.emit

最新推荐文章于 2024-08-29 16:09:59 发布

湛海不过深蓝

最新推荐文章于 2024-08-29 16:09:59 发布

阅读量976

点赞数

分类专栏： vue3+ts 文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/bbt953/article/details/127551510

版权

vue3+ts 专栏收录该内容

29 篇文章 2 订阅

订阅专栏

子组件用context.emit去触发事件

<script>
import { defineComponents } from 'vuex'
export default defineComponents ({
	setup(context) {
		const open= () => {
			context.emit(transmit, '我是子组件传给父组件的值hahaha')
		}
	}
})
</script>

父组件还是想vue2那样接收

<template>
	<子组件
		@transmit="getData"
	/>
</template>
<script>
	const getData = (val) => {
		console.log(val)		// val就是  我是子组件传给父组件的值hahaha
	}
</script>