Vuejs2 使用vuex保存整个表单

Vuejs2 使用vuex保存整个表单,vuejs2,vuex,Vuejs2,Vuex,我只是从Vue和Vuex开始,想知道如何将整个表单保存到API。我发现,这似乎只是一个单一领域的好解决方案。这是否意味着我需要为表单中的每个字段使用getter和setter来定制计算属性?我理解数据绑定如何在本地存储中工作得很好(这似乎是大多数示例所使用的),但每次击键都更新后端服务似乎有些过火 我想做的是在用户执行操作(如单击保存按钮)时对表单执行一次提交,我觉得为每个字段创建一个计算属性或方法不是正确的方法 模板: 标题 描述 JS: 导出默认值{ 名称:“todo”, 道具:['it

我只是从Vue和Vuex开始,想知道如何将整个表单保存到API。我发现,这似乎只是一个单一领域的好解决方案。这是否意味着我需要为表单中的每个字段使用getter和setter来定制计算属性?我理解数据绑定如何在本地存储中工作得很好(这似乎是大多数示例所使用的),但每次击键都更新后端服务似乎有些过火

我想做的是在用户执行操作(如单击保存按钮)时对表单执行一次提交,我觉得为每个字段创建一个计算属性或方法不是正确的方法

模板:


标题
描述
JS:

导出默认值{
名称:“todo”,
道具:['item'],
数据(){
返回{
i编辑:错误
}
},
方法:{
showEdit(){
this.isEditing=true;
},
更新(){
//提交对vuex存储的更改
}
}

将表单数据保留在表单组件的本地。因此,请在
data()
中定义所有表单属性。将
v-model
应用于所有输入元素和相应的数据属性。当用户单击提交时,使用表单数据进行一次提交


这样,表单组件将包含编辑的值,vuex存储将包含提交的值。

将表单数据保留在表单组件的本地。因此,在
数据()中定义所有表单属性
。将
v-model
应用于所有输入元素和相应的数据属性。当用户单击提交时,使用表单数据进行一次提交


这样,表单组件将包含已编辑的值,vuex存储将包含已提交的值。

如何使用vuex存储中的预填充数据编辑整个表单?如何使用vuex存储中的预填充数据编辑整个表单?