涨芝士：vue如何通过this.$emit接收参数

最新推荐文章于 2023-09-13 15:51:57 发布

卿卿qing

最新推荐文章于 2023-09-13 15:51:57 发布

阅读量1.8k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Vue

本文链接：https://blog.youkuaiyun.com/weixin_43900414/article/details/107382131

Vue 专栏收录该内容

114 篇文章

订阅专栏

本文详细介绍了Vue.js中父子组件间通信的方法，包括单参数和多参数传递的使用技巧。展示了如何通过$emit触发事件，并在父组件中接收子组件传递的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                    
                    一个参数时

子组件this.$emit('handleClick', item)

父组件<div @handleClick="handleClickFn($event)" />
handleClickFn (msg) {
	let item = msg
}

多个参数时

子组件this.$emit('handleClick', item, true)

父组件<div @handleClick="handleClickFn(arguments)" />
handleClickFn (msg) {
	let item = msg[0]
	let flag = msg[1]
}