首页» 前端 » Vue » vue $emit子组件传出多个参数,如何在父组件中在接收所有参数的同时添加自定义参数

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

日期:2019年01月22日 阅读次数:3996 分类:Vue

前言

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

方法一

子组件传出单个参数时:

// 子组件
this.emit('test',this.param)
// 父组件 (event是子组件传来的参数,userDefined是自定义参数)
@test='handleTest($event,userDefined)'

方法二

子组件传出多个参数时:

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

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

文章标签: