Javascript 向v-for中使用的对象添加新特性

Javascript 向v-for中使用的对象添加新特性,javascript,vue.js,vuejs2,vue-component,v-for,Javascript,Vue.js,Vuejs2,Vue Component,V For,我想将产品组件中的数据(来自两个v-text-fields)添加到我传递给服务器的数据中。因此,如果用户将值“444”和“230”添加到v-text-fields,则条目将为: { "444": 230 } 到目前为止,我已经硬编码了“444”,并成功地传递了值“230”。但是如何根据用户从v-text-field输入的信息传递“444”和“230” product.vue formData:{{formData}} 拯救 (检查控制台) data(){ 返回{ 对话:错, 产品:

我想将产品组件中的数据(来自两个
v-text-fields
)添加到我传递给服务器的数据中。因此,如果用户将值“444”和“230”添加到
v-text-fields
,则条目将为:

{
    "444": 230
}
到目前为止,我已经硬编码了“444”,并成功地传递了值“230”。但是如何根据用户从
v-text-field
输入的信息传递“444”和“230”

product.vue


formData:
{{formData}}
拯救 (检查控制台)
data(){
返回{
对话:错,
产品:空,
错误:null,
表格数据:{
444:null,
}
}
},
方法:{
异步创建(){
试一试{
等待ProductService.create(this.formData);
}捕获(错误){
this.error=error.response.data.message
}
}
}
我需要在组件中进行哪些更改,以便formData基于来自另一个
v-text-field
的用户输入?

我记得。要将新项添加到基本
formData
hash,可以执行以下操作:


+
这将使用
$set
formData
添加新属性