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的回车成tab焦点切换效果代码(Enter To Tab )
Nov 14 Javascript
JS将表单导出成EXCEL的实例代码
Nov 11 Javascript
js自动查找select下拉的菜单并选择(示例代码)
Feb 26 Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
Nov 01 Javascript
js 动态生成html 触发事件传参字符转义的实例
Feb 14 Javascript
vue.js select下拉框绑定和取值方法
Mar 03 Javascript
微信小程序实现卡片左右滑动效果的示例代码
May 01 Javascript
Vue.js递归组件实现组织架构树和选人功能案例分析
Jul 03 Javascript
Nuxt.js实战和配置详解
Aug 05 Javascript
微信小程序如何实现点击图片放大功能
Jan 21 Javascript
Vue快速实现通用表单验证的方法
Feb 24 Javascript
关于IDEA中的.VUE文件报错 Export declarations are not supported by current JavaScript version
Oct 17 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
中国广播史趣谈 — 几个历史第一次
2021/03/01 无线电
上海牌131型七灯四波段四喇叭一级收音机
2021/03/02 无线电
php关于array_multisort多维数组排序的使用说明
2011/01/04 PHP
PHP生成随机用户名和密码的实现代码
2013/02/27 PHP
jQuery中的RadioButton,input,CheckBox取值赋值实现代码
2014/02/18 PHP
php中的mongodb select常用操作代码示例
2014/09/06 PHP
详谈PHP文件目录基础操作
2014/11/11 PHP
PHP框架性能测试报告
2016/05/08 PHP
YII框架关联查询操作示例
2019/04/29 PHP
javascript 原型模式实现OOP的再研究
2009/04/09 Javascript
js继承的实现代码
2010/08/05 Javascript
六款帮助你实现惊艳视差滚动效果的jQuery插件
2012/09/14 Javascript
NodeJS与Mysql的交互示例代码
2013/08/18 NodeJs
javascript生成json数据简单示例分享
2014/02/14 Javascript
javascript中的事件代理初探
2014/03/08 Javascript
深入理解JavaScript系列(40):设计模式之组合模式详解
2015/03/04 Javascript
JavaScript的String字符串对象常用操作总结
2016/05/26 Javascript
JS button按钮实现submit按钮提交效果
2016/11/01 Javascript
获取JavaScript异步函数的返回值
2016/12/21 Javascript
Bootstrap学习笔记之进度条、媒体对象实例详解
2017/03/09 Javascript
Nuxt.js之自动路由原理的实现方法
2018/11/21 Javascript
解决vue 子组件修改父组件传来的props值报错问题
2019/11/09 Javascript
[01:38]DOTA2第二届亚洲邀请赛中国区预选赛出线战队晋级之路
2017/01/17 DOTA
[44:40]Serenity vs Pain 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python 抓取动态网页内容方案详解
2014/12/25 Python
win系统下为Python3.5安装flask-mongoengine 库
2016/12/20 Python
解决python nohup linux 后台运行输出的问题
2018/05/11 Python
Python自动创建Excel并获取内容
2020/09/16 Python
如何使用 Flask 做一个评论系统
2020/11/27 Python
Ratchet 模态框的实现
2020/08/19 HTML / CSS
什么是makefile? 如何编写makefile?
2013/01/02 面试题
工业设计专业推荐信
2013/10/29 职场文书
酒店员工培训方案
2014/06/02 职场文书
个人委托书范本汇总
2014/10/01 职场文书
小班上学期幼儿评语
2014/12/30 职场文书
学法用法心得体会(2016推荐篇)
2016/01/21 职场文书