Vue - 父子组件通信 - $emit传多个参数父组件如何接收

本文探讨了子组件如何在严格模式下正确发送多个参数给父组件,通过将参数包装为数组的方式,并介绍了在父组件中以arguments接收的技巧,以确保有效通信并避免常见错误。

开发板推荐:天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

子组件正常触发$emit传参:

// 子组件
this.$emit('test',this.param)
// 父组件
@test='test($event,scoped.row)'

当子组件传出多个参数时:

如果仍用$event接收,只能接收子组件传出的第一个参数

因此我们通过设定为数组来进行接收子组件传来的数据


// 子组件
this.$emit('test',this.param1,this.param2, this.param3)
// 父组件 arguments 是以数组的形式传入
@test='test(arguments,scoped.row)'

注意:

这种方法在严格模式下会报错

开发板推荐:天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值