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
添加新属性