Vue.js 如何将数据从v形推送到数组中？

目前，我有以下代码：

响应科雷塔：

Resposta Obrigatória:

Resposta Eliminatória:

添加答案
{{formData.body}
导出默认值{
数据（）{
返回{
表格数据：{
正文：[{
答复:",，
更正：“”，
强制性：''，
消除性的：，
要点：“”
}]
}
}   
},
方法：{
addAnswer（）{
this.formData.body.push（{答案：''，
更正：“”，
强制性：''，
消除性的：，
点：'}）
警报（“inserida”）
}
},
观察：{
表格数据：{
处理程序：函数（）{
this.emit（'newdataRespostas'，this.formData.body）；
},
深：是的
}
},
}

这样做的目的是能够在另一个组件中获取数组中的信息，这是我能够做到的。这里的问题是，每次我单击AddAnswer按钮，它都会在前一个表单的正下方创建一个新的相同表单。数据被正确地推送到数组中，另一个组件能够监视该数组中的信息，但我无法摆脱创建的新表单。如果我添加4个新答案，到最后我将有5个表格，这显然不是最佳答案。此外，欢迎提供有关代码任何部分的任何提示。我对Vue.js和Vuetify完全陌生

---

抱歉代码太长，但几乎所有的都是不同的表单组件。

表单在

formData.body[]

上使用

v-for

，因此每个数组元素（每个答案）都呈现一个新表单。听起来您只希望显示最新的表单，在这种情况下，您不需要

v-for

我将用不同的数据属性替换

v-for

（例如，命名为

resposta

，以匹配模板中使用的当前变量），并将该属性附加到

formData.body[]

中的

addAnswer（）

：

导出默认值{
数据（）{
返回{
表格数据：{
正文：[]，
},
回复：{}，
};
},
方法：{
addAnswer（）{
this.formData.body.push（this.resposta）
this.resposta={}
},
},
}

---

@JoãoAmorim见更新答案和演示