TS中组件传参，子传父（对传递的参数进行条件设置）

//常规
子中定义
const emit=defineEmits(['函数名1','函数名2'])
//定义事件触发传参
const getGift=()=>{
emit('函数名','改变值')
}

父中：在子组件中设置事件来接收即可
<son @getGift(子中事件名)=“getGift（父中新设置来接收的事件名）” />
const getGift=(值名（任意取）:类型)=>{
console.log(值名)
}


//Ts新语法
子中定义
const emit=defineEmits<
{
(e:事件名1，参数名1：类型，参数名2：类型......):void//表示事件1对应的设置
(e:事件名2，参数名1：类型，参数名2：类型......):void//表示事件2对应的设置
.....
}>()
//定义事件触发传参
const getGift=()=>{
emit('函数名','值',‘值’)//此处的值应满足上面所设置的要求
}

父中：在子组件中设置事件来接收即可
<son @getGift(子中事件名)=“getGnm（父中新设置来接收的事件名）” />

const getGnm（新设置的）=(值名1（任意取）:类型,值名2（任意取）:类型)=>{
console.log(值名1,值名2)
}

具体完整代码示例如下图：