鍍金池/ 問(wèn)答/HTML/ vue中vuex的actions里面請(qǐng)求接口,提交給mutations報(bào)錯(cuò)

vue中vuex的actions里面請(qǐng)求接口,提交給mutations報(bào)錯(cuò)

問(wèn)題描述

vue中vuex的actions里面請(qǐng)求接口,提交給mutations報(bào)錯(cuò)

問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法

相關(guān)代碼

// 請(qǐng)把代碼文本粘貼到下方(請(qǐng)勿用圖片代替代碼)
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
}

你期待的結(jié)果是什么?實(shí)際看到的錯(cuò)誤信息又是什么?

報(bào)錯(cuò)
圖片描述

回答
編輯回答
硬扛

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

2018年7月19日 12:23
編輯回答
心癌

對(duì)了 actions提交的是mutations里面的方法名啊,我以為是mutations里面的狀態(tài)名。搞暈了。謝謝

2017年10月26日 20:20
編輯回答
墨小白
var state = {
    certificationStatus: null
}
const mutations = {
    certificationStatus(state,data){
        state.certificationStatus = data
    }}
export default{
    state,
    mutations
}

改成這樣試一下。。。

2017年10月12日 21:22