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


Posted in Javascript onNovember 08, 2019

我废话不多说了,直接上代码吧!

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

Javascript 相关文章推荐
jquery之Document元素选择器篇
Aug 14 Javascript
JavaScript高级程序设计 阅读笔记(十二) js内置对象Math
Aug 14 Javascript
js冒泡法和数组转换成字符串示例代码
Aug 14 Javascript
javascript简单实现表格行间隔显示颜色并高亮显示
Nov 29 Javascript
jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)
May 11 Javascript
jQuery结合HTML5制作的爱心树表白动画
Feb 01 Javascript
JavaScript汉诺塔问题解决方法
Apr 21 Javascript
JavaScript数组对象赋值用法实例
Aug 04 Javascript
js图片轮播效果实现代码
Apr 18 Javascript
vue select组件的使用与禁用实现代码
Apr 10 Javascript
基于Vue的延迟加载插件vue-view-lazy
May 21 Javascript
原生JavaScript实现轮播图
Jan 10 Javascript
vue 组件内获取actions的response方式
Nov 08 #Javascript
在vue中使用vuex,修改state的值示例
Nov 08 #Javascript
vue视频播放插件vue-video-player的具体使用方法
Nov 08 #Javascript
详解Vscode中使用Eslint终极配置大全
Nov 08 #Javascript
Vue实例的对象参数options的几个常用选项详解
Nov 08 #Javascript
Vuex中实现数据状态查询与更改
Nov 08 #Javascript
vue实现将数据存入vuex中以及从vuex中取出数据
Nov 08 #Javascript
You might like
MayFish PHP的MVC架构的开发框架
2009/08/13 PHP
php定时执行任务设置详解
2015/02/06 PHP
php通过array_merge()函数合并关联和非关联数组的方法
2015/03/18 PHP
PHP生成树的方法
2015/07/28 PHP
WHOOPS PHP调试库的使用
2017/09/29 PHP
用Laravel Sms实现laravel短信验证码的发送的实现
2018/11/29 PHP
jquery实现效果比较好的table选中行颜色
2014/03/25 Javascript
javascript实现确定和取消提示框效果
2015/07/10 Javascript
手机端 HTML5使用photoswipe.js仿微信朋友圈图片放大效果
2016/08/25 Javascript
详解如何优雅地在React项目中使用Redux
2017/12/28 Javascript
node.js遍历目录的方法示例
2018/08/01 Javascript
解决layer弹层遮罩挡住窗体的问题
2018/08/17 Javascript
vue-cli 使用vue-bus来全局控制的实例讲解
2018/09/15 Javascript
vue flex 布局实现div均分自动换行的示例代码
2020/08/05 Javascript
JS中多层次排序算法的实现代码
2021/01/06 Javascript
老生常谈Python序列化和反序列化
2017/06/28 Python
Python数据分析之双色球统计两个红和蓝球哪组合比例高的方法
2018/02/03 Python
基于python的多进程共享变量正确打开方式
2018/04/28 Python
对python中Matplotlib的坐标轴的坐标区间的设定实例讲解
2018/05/25 Python
Python 实用技巧之利用Shell通配符做字符串匹配
2019/08/23 Python
Pytorch Tensor的统计属性实例讲解
2019/12/30 Python
Lookfantastic希腊官网:英国知名美妆购物网站
2018/09/15 全球购物
凌阳科技股份有限公司C++程序员面试题笔试题
2014/11/20 面试题
家长给孩子的评语
2014/01/30 职场文书
文明市民先进事迹
2014/05/15 职场文书
三八红旗集体先进事迹材料
2014/05/22 职场文书
学校师德承诺书
2014/05/23 职场文书
开工典礼策划方案
2014/05/23 职场文书
校外活动方案
2014/08/28 职场文书
党的群众路线对照检查材料(个人)
2014/09/24 职场文书
反四风个人对照检查材料思想汇报
2014/09/25 职场文书
2015年七一建党节慰问信
2015/03/23 职场文书
导游词之鲁迅祖居
2019/10/17 职场文书
《艾尔登法环》1.03.3补丁上线 碎星伤害调整
2022/04/07 其他游戏
Go语言 详解net的tcp服务
2022/04/14 Golang
浅谈为什么我的 z-index 又不生效了
2022/07/15 HTML / CSS