vue2以及vue3 父组件接收多个子组件参数的同时,接收自身参数的方法
·
一、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) => {}
更多推荐
所有评论(0)