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 相关文章推荐
13个绚丽的Jquery 界面设计网站推荐
Sep 28 Javascript
c#和Javascript操作同一json对象的实现代码
Jan 17 Javascript
js购物车实现思路及代码(个人感觉不错)
Dec 23 Javascript
深入理解JavaScript系列(35):设计模式之迭代器模式详解
Mar 03 Javascript
详解JavaScript的回调函数
Nov 20 Javascript
JavaScript数据操作_浅谈原始值和引用值的操作本质
Aug 23 Javascript
ionic实现滑动的三种方式
Aug 27 Javascript
Angular.JS判断复选框checkbox是否选中并实时显示
Nov 30 Javascript
JS实现含有中文字符串的友好截取功能分析
Mar 13 Javascript
纯js实现页面返回顶部的动画(超简单)
Aug 10 Javascript
elementui的默认样式修改方法
Feb 23 Javascript
jquery.validate自定义验证用法实例分析【成功提示与择要提示】
Jun 06 jQuery
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
THINKPHP内容分页代码分享
2015/01/14 PHP
php大小写转换函数(strtolower、strtoupper)用法介绍
2017/11/17 PHP
PHP大文件分块上传功能实例详解
2019/07/22 PHP
JavaScript入门教程(3) js面向对象
2009/01/31 Javascript
JavaScript高级程序设计(第3版)学习笔记8 js函数(中)
2012/10/11 Javascript
JS实现简易图片轮播效果的方法
2015/03/25 Javascript
JavaScript判断字符长度、数字、Email、电话等常用判断函数分享
2015/04/01 Javascript
两款JS脚本判断手机浏览器类型跳转WAP手机网站
2015/10/16 Javascript
基于JS实现横线提示输入验证码随验证码输入消失(js验证码的实现)
2016/10/27 Javascript
BOM之navigator对象和用户代理检测
2017/02/10 Javascript
浅谈原型对象的常用开发模式
2017/07/22 Javascript
详解基于vue的移动web app页面缓存解决方案
2017/08/03 Javascript
ES6 javascript中class静态方法、属性与实例属性用法示例
2017/10/30 Javascript
小程序云开发教程如何使用云函数实现点赞功能
2019/05/18 Javascript
微信提示 在浏览器打开 效果实现过程解析
2019/09/10 Javascript
webpack打包html里面img后src为“[object Module]”问题
2019/12/22 Javascript
vue使用原生swiper代码实例
2020/02/05 Javascript
[40:56]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Liquid vs TNC
2018/04/01 DOTA
Django使用httpresponse返回用户头像实例代码
2018/01/26 Python
对python numpy数组中冒号的使用方法详解
2018/04/17 Python
对Python通过pypyodbc访问Access数据库的方法详解
2018/10/27 Python
python将一组数分成每3个一组的实例
2018/11/14 Python
Python 常用模块 re 使用方法详解
2019/06/06 Python
python 并发编程 多路复用IO模型详解
2019/08/20 Python
selenium+Chrome滑动验证码破解二(某某网站)
2019/12/17 Python
如何用用Python将地址标记在地图上
2021/02/07 Python
美国隐形眼镜网:Major Lens
2018/02/09 全球购物
学生就业推荐信
2013/11/13 职场文书
会计毕业自我鉴定
2014/02/05 职场文书
三分钟演讲稿事例
2014/03/03 职场文书
商场消防安全责任书
2014/07/29 职场文书
医院领导班子四风问题对照检查材料
2014/10/26 职场文书
介绍信范文
2015/01/31 职场文书
综合素质评价个性发展自我评价
2015/03/06 职场文书
庆祝教师节活动总结
2015/03/23 职场文书
Python 详解通过Scrapy框架实现爬取百度新冠疫情数据流程
2021/11/11 Python