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与google map api结合使用 控件,监听器
Mar 04 Javascript
jquery JSON的解析方式示例介绍
Jul 27 Javascript
基于jquery实现表格无刷新分页
Jan 07 Javascript
深入理解JavaScript单体内置对象
Jun 06 Javascript
JSONP跨域请求实例详解
Jul 04 Javascript
BootStrap Typeahead自动补全插件实例代码
Aug 10 Javascript
获取jqGrid中选择的行的数据
Nov 30 Javascript
Vue的Class与Style绑定的方法
Sep 01 Javascript
vue 使用vue-i18n做全局中英文切换的方法
Oct 29 Javascript
vue计算属性computed的使用方法示例
Mar 13 Javascript
vue中解决拖拽改变存在iframe的div大小时卡顿问题
Jul 22 Javascript
原生JavaScript实现进度条
Feb 19 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
php使用glob函数快速查询指定目录文件的方法
2014/11/15 PHP
php中ltrim()、rtrim()与trim()删除字符空格实例
2014/11/25 PHP
php的GD库imagettftext函数解决中文乱码问题
2015/01/24 PHP
Javascript实现获取窗口的大小和位置代码分享
2014/12/04 Javascript
node.js中的console.info方法使用说明
2014/12/09 Javascript
浅谈jquery.fn.extend与jquery.extend区别
2015/07/13 Javascript
JavaScript基于ajax编辑信息用法实例
2015/07/15 Javascript
浅谈js原生拖放
2016/11/21 Javascript
JavaScript 值类型和引用类型的初次研究(推荐)
2017/07/19 Javascript
vue百度地图 + 定位的详解
2019/05/13 Javascript
JavaScript定时器常见用法实例分析
2019/11/15 Javascript
ES6中Set和Map用法实例详解
2020/03/02 Javascript
JavaScript实现图片合成下载的示例
2020/11/19 Javascript
Python字符串转换成浮点数函数分享
2015/07/24 Python
Python设计实现的计算器功能完整实例
2017/08/18 Python
Python实现爬取需要登录的网站完整示例
2017/08/19 Python
python2.6.6如何升级到python2.7.14
2018/04/08 Python
在Pycharm中使用GitHub的方法步骤
2019/06/13 Python
python中pygame安装过程(超级详细)
2019/08/04 Python
分享一个pycharm专业版安装的永久使用方法
2019/09/24 Python
Python:二维列表下标互换方式(矩阵转置)
2019/12/02 Python
django 中使用DateTime常用的时间查询方式
2019/12/03 Python
Oroton中国官网:澳洲知名奢侈配饰品牌
2017/03/26 全球购物
如果NULL定义成#define NULL((char *)0)难道不就可以向函数传入不加转换的NULL了吗
2012/02/15 面试题
Java面试题:请说出如下代码的输出结果
2013/04/22 面试题
一道Delphi上机题
2012/06/04 面试题
医疗器械售后服务承诺书
2014/05/21 职场文书
对党的十八届四中全会的期盼
2014/10/17 职场文书
小学运动会开幕词
2015/01/28 职场文书
大学生党员个人总结
2015/02/13 职场文书
大四学生个人总结
2015/02/15 职场文书
2015年六一儿童节活动方案
2015/05/05 职场文书
2015年社区科普工作总结
2015/05/13 职场文书
污染环境建议书
2015/09/14 职场文书
Winsows11性能如何? win11性能测评多核竟比Win10差了10%
2021/11/21 数码科技
FFmpeg视频处理入门教程(新手必看)
2022/01/22 杂记