Vue.js 如何将子组件中的两个值与事件组合在一起？

我无法从子组件分配数据

我只是想实现

子组件是：

导出默认值{
数据（）{
返回{
男性姓名：[
“雷伊”，
“安东尼娅”，
“胜利者”，
“林肯”，
],
平均指数：0
};
},
方法：{
selectedIndexofFatherChanged（）{
此.$emit（“父更改”，此.fatherName）；
//console.log（“更改为：“+this.fatherName”）；
}
},
计算：{
父名（）{
返回此.maleName[this.maleIndex]；
}
}
};

父组件是：

而不是

onFatherChanged（有效负载）{
有效载荷=this.fatherName；
控制台日志（有效载荷）；
},

应该是,

onFatherChanged（有效负载）{
this.fatherName=有效载荷；
控制台日志（有效载荷）；
},
而不是

onFatherChanged（有效负载）{
有效载荷=this.fatherName；
控制台日志（有效载荷）；
},

应该是,

onFatherChanged（有效负载）{
this.fatherName=有效载荷；
控制台日志（有效载荷）；
},