vue中在vuex的actions中请求数据实例

我废话不多说了，直接上代码吧！

actions.js
getCertificationStatus(context, {vm:vm,type:type}){
return new Promise((resolve, reject) => {
axios.post('/realNameUtils/gotoStatusPage')
.then((res)=>{
context.commit('certificationStatus',res.data.content)
if(type=='1'){//个人

}else if(type=='2'){//企业

}else if(type=='0'){//个人+企业

}
resolve()
})
})
}
getters.js
certificationStatus :(state)=>{
return state.certificationStatus
}
mutations.js
var state = {
certificationStatus: null
}
const mutations= {
certificationStatus(state,data){
state.certificationStatus = data
}
}
组件：
import {mapGetters} from 'vuex'
computed: {
...mapGetters([
"certificationStatus"
])
}
this.$store.dispatch('getCertificationStatus',{vm:this,type:'1'})

就是这样就可以了 有疑问可以一起讨论哦

以上这篇vue中在vuex的actions中请求数据实例就是小编分享给大家的全部内容了，希望能给大家一个参考

您可能感兴趣的文章:

• Vuex的actions属性的具体使用
• vue.js中引入vuex储存接口数据及调用的详细流程
• Vue.js实战之使用Vuex + axios发送请求详解
• vue实现将数据存入vuex中以及从vuex中取出数据