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中请求数据实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持前端开发者。

» 本文来自:前端开发者 » 《Vue中在Vuex的actions中请求数据实例_情愫_前端开发者》
» 本文链接地址:https://www.rokub.com/71269.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!