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 参数文章来源：https://www.toymoban.com/news/detail-647926.html
<child @getData="getData(arguments)"></child>
getData(data){
console.log(data[0],data[1]) // '111' '222'
}
👇觉得有帮助的朋友可以支持下作者哦，您的鼓励是我创作的最大动力，如有开发问题可联系作者
文章来源地址https://www.toymoban.com/news/detail-647926.html
到了这里，关于vue中使用$emit传递多个参数的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
