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

184 阅读 0 评论 122 点赞

我是靠谱客的博主诚心汉堡，最近开发中收集的这篇文章主要介绍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中请求数据实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持靠谱客。