Vue.js 使用vuex更新数据库中的数据

我正在努力在vuex中实现编辑详细信息功能，但我可以在不使用vuex的情况下实现这一功能，但我更喜欢使用vuex，因为我正在练习vuex技能

下面的代码片段是我用来实现编辑功能的代码

这在我的个人资料中。vue

personDetails，仅检索数据库中我的用户的详细信息

id是用户编号，它是我后端表的主键

下面是来自我的数据库的json示例

这是我在vuex中的操作：

async editDetails({ commit }, payload) {
    try {
        const response = await axios.put("http:/localhost:9001/profile/edit/" + payload);
        commit("EDIT_DETAILS", response.data);
    } catch (err) {
        console.log(err);
    }
}

这是我的变异：

EDIT_DETAILS(state, detail) {
    state.details.findIndex((param) => param.id === detail);
    let details = state.details
    details.splice(details.indexOf(detail), 1)
    state.details = details.body
}

我国：

details: [],

在axios请求中使用逗号而不是加号

不确定你的回答是什么，但这没有任何作用

如果不存在，则需要推入数组

---

在axios请求中使用

，

更改

+

：

axios.put（“http:/localhost:9001/profile/edit/”，有效负载）
details: [],

state.details.findIndex((param) => param.id === detail);