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实现弹出div,始终显示在屏幕正中间的简单实例
Mar 08 Javascript
JS判断iframe是否加载完成的方法
Aug 03 Javascript
jQuery.form.js插件不能解决连接超时(timeout)的原因分析及解决方法
Oct 14 Javascript
Javascript this 函数深入详解
Dec 13 Javascript
基于JQuery的购物车添加删除以及结算功能示例
Mar 08 Javascript
javascript九宫格图片随机打乱位置的实现方法
Mar 15 Javascript
详解用node-images 打造简易图片服务器
May 08 Javascript
Angular4编程之表单响应功能示例
Dec 13 Javascript
使用ajax的post同步执行(实现方法)
Dec 21 Javascript
JS实现悬浮球只在一侧滑动并且是横屏状态下
Aug 19 Javascript
使用AutoJs实现微信抢红包的代码
Dec 31 Javascript
全面解析js中的原型,原型对象,原型链
Jan 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
音乐朗读剧《MARS RED》2021年TV动画化决定!
2020/03/06 日漫
初级的用php写的采集程序
2007/03/16 PHP
PHP封装CURL扩展类实例
2015/07/28 PHP
mysql_escape_string()函数用法分析
2016/04/25 PHP
phpmyadmin下载、安装、配置教程
2017/05/16 PHP
thinkphp ajaxfileupload实现异步上传图片的示例
2017/08/28 PHP
PHP数组常用函数实例小结
2018/08/20 PHP
php中如何执行linux命令详解
2018/11/06 PHP
解读JavaScript中 For, While与递归的用法
2013/05/07 Javascript
禁止iframe脚本弹出的窗口覆盖了父窗口的方法
2014/09/06 Javascript
Javascript基础教程之数据类型 (布尔型 Boolean)
2015/01/18 Javascript
javascript实现客户端兼容各浏览器创建csv并下载的方法
2015/03/23 Javascript
javascript去掉代码里面的注释
2015/07/24 Javascript
Bootstrap被封装的弹层
2016/07/20 Javascript
javascript验证内容为数字以及长度为10的简单实例
2016/08/20 Javascript
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(一)
2017/01/21 Javascript
轻松学习Javascript闭包
2017/03/01 Javascript
微信小程序多张图片上传功能
2017/06/07 Javascript
nodejs搭建本地服务器轻松解决跨域问题
2018/03/21 NodeJs
vue-cli3.0如何使用CDN区分开发、生产、预发布环境
2018/11/22 Javascript
vue中引入第三方字体文件的方法示例
2018/12/17 Javascript
微信小程序自定义纯净模态框(弹出框)的实例代码
2020/03/09 Javascript
vue 子组件watch监听不到prop的解决
2020/08/09 Javascript
解决python写的windows服务不能启动的问题
2014/04/15 Python
python2.x实现人民币转大写人民币
2018/06/20 Python
使用Python的Dataframe取两列时间值相差一年的所有行方法
2018/07/10 Python
python GUI实现小球满屏乱跑效果
2019/05/09 Python
python3 property装饰器实现原理与用法示例
2019/05/15 Python
Python类绑定方法及非绑定方法实例解析
2020/10/09 Python
大学生社会实践评语
2014/04/25 职场文书
个人整改措施书面材料
2014/10/24 职场文书
商务邀请函
2015/01/30 职场文书
教师学期末个人总结
2015/02/13 职场文书
领导激励员工的演讲稿,各种会上用得到,建议收藏
2019/08/13 职场文书
发工资啦!教你用Python实现邮箱自动群发工资条
2021/05/10 Python
压缩Redis里的字符串大对象操作
2021/06/23 Redis