一、vue2

1、子组件传出单个参数

// 子组件
this.$emit('change', data)
// 父组件
@change="change($event, 'parentData')"

2、子组件传出多个参数

// 子组件
this.$emit('change', data1,data2, data3)
// 父组件 arguments 是以数组的形式传入
@change="change(arguments, 'parentData')"
// 注意:arguments接收到之后是一个数组

一、vue3

1、子组件传出单个参数

// 子组件
const emit = defineEmits(['change']);
emit('change', data)
// 父组件
@change="change($event, 'parentData')"
const change = (data, parentData) => {}

2、子组件传出多个参数

// 子组件
this.$emit('change', data1,data2, data3)
// 父组件 arguments 是以数组的形式传入
@change="(...args) => change(...args, 'parentData')"
const change = (data1,data2, data3, parentData) => {}
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐