vue $emit子组件传出多个参数，如何在父组件中在接收所有参数的同时添加自定义参数

2024-08-26 16:07:07

Vue.js 父子组件通信的十种方式

前言

很多时候用$emit携带参数传出事件，并且又需要在父组件中使用自定义参数时，这时我们就无法接受到子组件传出的参数了。
找到了两种方法可以同时添加自定义参数的方法。

方法一

子组件传出单个参数时：



// 子组件

this.$emit('test',this.param)

// 父组件

@test='test($event,userDefined)'

方法二

子组件传出多个参数时：



// 子组件

this.$emit('test',this.param1，this.param2, this.param3)

// 父组件 arguments 是以数组的形式传入

@test='test(arguments,userDefined)'

参考文献

https://github.com/vuejs/vue/...

原文地址：https://segmentfault.com/a/1190000016726750

最新文章

热门文章