vue中使用$emit传递多个参数

1、$emit传递一个参数

子组件：

this.$emit('getData','111')

父组件：

<child @getData="getData"></child>

getData(data){
    
    
	console.log(data) // '111'
}

2、$emit传递多个参数

方法一：将要传的数据放到对象中，再将对象传给父组件

子组件：

let obj = {
    
    
	data1: '111',
	data2: '222'
}
this.$emit('getData',obj)

父组件：

<child @getData="getData"></child>

getData(data){
    
    
	console.log(data) // {data1:'111',data2:'222'}
}

方法二：直接传递多个参数

子组件：

this.$emit('getData','111','222')

父组件：

接收的时候要传 arguments 参数

<child @getData="getData(arguments)"></child>

getData(data){
    
    
	console.log(data[0],data[1]) // '111' '222'
}