vue中vuex的actions里面请求接口,提交给mutations报错

拇指一代
  • 290

问题描述

vue中vuex的actions里面请求接口,提交给mutations报错

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)
actions.js

getCertificationStatus(context, vm){
    return new Promise((resolve, reject) => {
          axios.post('/realNameUtils/gotoStatusPage')
          .then((res)=>{
                context.commit('certificationStatus',res.data.content)
 
            })
        })
      }
  }

mutations.js

var state = {
    certificationStatus: null
}
const mutations = {
    getCertificationStatus(state,data){
        state.certificationStatus = data
    }}
export default{
    state,
    mutations
}

你期待的结果是什么?实际看到的错误信息又是什么?

报错
图片描述

回复
阅读 2.6k
3 个回答
var state = {
    certificationStatus: null
}
const mutations = {
    certificationStatus(state,data){
        state.certificationStatus = data
    }}
export default{
    state,
    mutations
}

改成这样试一下。。。

对了 actions提交的是mutations里面的方法名啊,我以为是mutations里面的状态名。搞晕了。谢谢

context.commit('getCertificationStatus',res.data.content)

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏