Arrays 如何将自定义输入组件中的输入值推送到父组件中的数组中？

在子组件中有两个输入，但关注发出eKey的第一个输入。指定数量的第二个输入工作正常

在父组件中，我希望将第一个输入的输入值推送到数据部分中设置的epensesKey数组中

注意：更大的图片是我将expenseKey和expenseValue数组作为键/值对发送一个POST请求到我的Express Api

子组件

导出默认值{ 名称：formInput， 道具：{ 身份证号码：， 艾基：阵列 } }; 父组件

预算表 月薪 费用 增加费用 删去 子机器 每月总收入：{{收入}

总费用：{{totalExpense}}

剩下的钱：{{getDifference}

从axios导入axios； 从../components/Input.vue导入formInput； 导出默认值{ 组成部分：{ 表单输入：formInput }, 姓名：表格， 资料{ 返回{ 计数：0， 收入：， 费用价值：[]， 费用类别：[]， 总费用： }; }, 方法：{ 附加输入：函数{ 这个.count++； this.expensesValue[this.count-1]=0； }, 删除输入：函数{ 这个。计数-； this.expensesValue.pop； 这是我的全部费用； }, getExpenseValuedata{ this.expensesValue[data.id]=parseIntdata.value，10 | | 0； 这是我的全部费用； }, 总费用{ console.logthis.expensesValue； this.totalExpense=this.expensesValue.reducesum，val=>{ 返回和+val； }, 0; }, 提交预算{ axios .posthttp://localhost:3000/budget, { 收入：这是收入， 费用：这个 } .thenresponse=>{ console.logresponse.data； } .catch=>{ 控制台错误； }; } }, 计算：{ 获得差异{ 返回this.earnings-this.totalExpense； } } };

---

因此，在家长中，您可以这样做：

预算表 月薪 费用 增加费用 删去 子机器 每月总收入：{{收入}

总费用：{{totalExpense}}

剩下的钱：{{getDifference}

从axios导入axios； 从./components/Input.vue导入formInput； 导出默认值{ 组成部分：{ 表单输入：formInput }, 姓名：表格， 资料{ 返回{ 计数：0， 收入：， 费用价值：[]， 费用类别：[]， 总费用： }; }, 方法：{ 附加输入：函数{ 这个.count++； this.expensesValue[this.count-1]=0； this.expensesKey[this.count-1]=默认值； }, 删除输入：函数{ 如果此值为0.count<1{ 回来 } 这个。计数-； this.expensesValue.pop； 这个是expensesky.pop； 这是我的全部费用； }, getExpenseValuedata{ this.expensesValue[data.id]=parseIntdata.value，10 | | 0； 这是我的全部费用； }, setExpenseKeydata{ this.expensesKey[data.id]=data.value | |默认值； }, 总费用{ console.logthis.expensesValue； this.totalExpense=this.expensesValue.reducesum，val=>{ 返回和+val； }, 0; }, 合并键和值{ 返回this.expensesKey.reduceAc，key，index=>{ return[…acc，{[key]：this.expensesValue[index]}]； }, []; }, 提交预算{ const expenses=this.mergeKeyAndValue； axios .posthttp://localhost:3000/budget, { 收入：这是收入， 费用 } .thenresponse=>{ console.logresponse.data； } .catch=>{ 控制台错误； }; } }, 计算：{ 获得差异{ 返回this.earnings-this.totalExpense； } } }; 在孩子身上，你可以这样做：

导出默认值{ 名称：formInput， 道具：{ 身份证号码：， 艾基：阵列 } }; 注意，我还添加了一个函数，该函数将在发布数据之前将键和值配对在一起。我还添加了一些其他的小改进

你可能想调整一些东西以适应你的需要

---

如果您有任何问题，请告诉我。

@T.Short如果您需要任何澄清，请告诉我。嘿，这很有效！谢谢你！你有一些严肃的技巧。我想知道是否有关于阵列使用方式的文档。例如，在addInput方法this.expensesValue[this.count-1]或getExpenseValue方法this.expensesValue[data.id]