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 相关文章推荐
js innerHTML 的一些问题的解决方法
Jun 22 Javascript
jquery load()在firefox(火狐)下显示不正常的解决方法
Apr 05 Javascript
Moment.js 不容错过的超棒Javascript日期处理类库
Apr 15 Javascript
js 输出内容到新窗口具体实现代码
May 31 Javascript
javascript正则表达式总结
Feb 29 Javascript
js插件Jcrop自定义截取图片功能
Oct 14 Javascript
深入理解ES6之数据解构的用法
Jan 13 Javascript
在Vue项目中取消ESLint代码检测的步骤讲解
Jan 27 Javascript
jQuery中使用validate插件校验表单功能
May 24 jQuery
详解BootStrap表单验证中重置BootStrap-select验证提示不清除的坑
Sep 17 Javascript
jQuery 动画与停止动画效果实例详解
May 19 jQuery
使用Canvas绘制一个游戏人物属性图
Mar 25 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&java(二)
2006/10/09 PHP
PHP更新购物车数量(表单部分/PHP处理部分)
2013/05/03 PHP
探讨:web上存漏洞及原理分析、防范方法
2013/06/29 PHP
php使用$_POST或$_SESSION[]向js函数传参
2014/09/16 PHP
JavaScript为对象原型prototype添加属性的两种方式
2010/08/01 Javascript
jquery动态添加删除一行数据示例
2014/06/12 Javascript
jQuery中多个元素的Hover事件解决方案
2014/06/12 Javascript
js实现简单排列组合的方法
2016/01/27 Javascript
第二次聊一聊JS require.js模块化工具的基础知识
2016/04/17 Javascript
jQuery Pagination分页插件使用方法详解
2017/02/28 Javascript
Vue.js实现网格列表布局转换方法
2017/08/25 Javascript
基于jQuery实现无缝轮播与左右点击效果
2018/05/13 jQuery
Vue脚手架的简单使用实例
2018/07/10 Javascript
微信小程序实现分享到朋友圈功能
2018/07/19 Javascript
微信小程序学习笔记之函数定义、页面渲染图文详解
2019/03/28 Javascript
WebGL three.js学习笔记之阴影与实现物体的动画效果
2019/04/25 Javascript
vue实现简单的日历效果
2020/09/24 Javascript
JS桶排序的简单理解与实现方法示例
2019/11/25 Javascript
原生js实现移动小球(碰撞检测)
2020/12/17 Javascript
[01:07:47]Secret vs Optic Supermajor 胜者组 BO3 第一场 6.4
2018/06/05 DOTA
python生成器的使用方法
2013/11/21 Python
Python中使用scapy模拟数据包实现arp攻击、dns放大攻击例子
2014/10/23 Python
深入讲解Python中的迭代器和生成器
2015/10/26 Python
python发送邮件功能实现代码
2016/07/15 Python
Pandas DataFrame 取一行数据会得到Series的方法
2018/11/10 Python
Pytorch根据layers的name冻结训练方式
2020/01/06 Python
详解Python中@staticmethod和@classmethod区别及使用示例代码
2020/12/14 Python
html5配合css3实现带提示文字的输入框(摆脱js)
2013/03/08 HTML / CSS
韩国休闲女装品牌网站:ANAIS
2016/08/24 全球购物
美国最大点评网站:Yelp
2018/02/14 全球购物
敬老文明号事迹材料
2014/01/16 职场文书
二年级数学教学反思
2014/01/21 职场文书
财会专业毕业生自荐信
2014/07/09 职场文书
为什么阅读对所有年龄段的孩子都很重要?
2019/07/08 职场文书
百善孝为先:关于孝道的经典语录
2019/10/18 职场文书
python 使用pandas读取csv文件的方法
2022/12/24 Python