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

Posted 2021-08-24 萌萌的DDD

子组件正常触发$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)'

注意：

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