为什么我不能使用 vuex 模块更新数据？

Question

这是我的组件

     methods:{
         ...mapActions(['udpateUsers']),
         Update(userID){
             let formData = new FormData();
             formData.append('new_name',this.editUser.new_name);
             formData.append('_method', 'PUT');      
             let config = {
                 headers:{
                     'Content-Type':'multipart/form-data',         
                 }        
             }
             this.udpateUsers(userID,formData,config);
         }

当我点击更新按钮时，formData 无法发送到服务器，但是当我控制台它时，FormData 包含所有字段

这是我的模块

        mutations:{
             ADD_USER: (state,response)=>{
                 state.Users = response;
             },
             UPDATE_USERS: (state,response)=>{
                 state.Users = response;
             }
         },
         actions:{
             udpateUsers: ({commit},userID,formData,config)=>{  
                     http.put("/admin/update/"+userID,formData,config)
                     .then((response)=>{
                         commit("UPDATE_USERS",formData);  
                         console.log(response);
                     })
                     .catch((error)=>{
                         console.log(error.response);
                    })
             }
         }
     export default auth

我认为错误将是我的提交突变

Answer 1

您不能将多个参数作为有效负载传递给 Vuex 操作。您需要将其全部包装在一个对象中并将其作为单个参数传递。

udpateUsers: ({commit}, { userID, formData, config }) => {
    // send to backend
}

this.udpateUsers({ userID, formData, config });

编辑：从 cmets 看来，您在 VueX 实现中使用的是 PUT 方法而不是 POST，这就是您的后端没有获取数据的原因。