vue中在vuex的actions中请求数据

最新推荐文章于 2025-07-02 08:37:34 发布

Null_Bugs

最新推荐文章于 2025-07-02 08:37:34 发布

阅读量7.2k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vuex

本文链接：https://blog.youkuaiyun.com/Null_Bugs/article/details/81219647

vue 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了一个使用Vuex进行状态管理的例子，展示了如何通过actions、getters和mutations模块来实现认证状态的获取与更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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'})

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