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 中使用JSON的实现代码
Dec 01 Javascript
js修改input的type属性问题探讨
Oct 12 Javascript
不提示直接关闭网页窗口的JS示例代码
Dec 17 Javascript
页面get请求 中文参数方法乱码问题的快速解决方法
May 31 Javascript
微信小程序 HTTPS报错整理常见问题及解决方案
Dec 14 Javascript
JavaScript通过filereader接口读取文件
May 10 Javascript
PHP自动加载autoload和命名空间的应用小结
Dec 01 Javascript
JavaScript常用数组操作方法,包含ES6方法
May 10 Javascript
Vue.js 中的 v-show 指令及用法详解
Nov 19 Javascript
jquery向后台提交数组的代码分析
Feb 20 jQuery
vue实现放大镜效果
Sep 17 Javascript
如何手写简易的 Vue Router
Oct 10 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中使用array_filter()函数过滤空数组的实现代码
2014/08/19 PHP
php中base_convert()进制数字转换函数实例
2014/11/20 PHP
Laravel使用Caching缓存数据减轻数据库查询压力的方法
2016/03/15 PHP
PHP数组操作实例分析【添加,删除,计算,反转,排序,查找等】
2016/12/24 PHP
php实现每日签到功能
2018/11/29 PHP
PHP实现微信公众号验证Token的示例代码
2019/12/16 PHP
Javascript实例教程(19) 使用HoTMetal(1)
2006/12/23 Javascript
Javascript的getYear、getFullYear、getUTCFullYear异同分享
2011/11/30 Javascript
往光标所在位置插入值的js代码
2013/09/22 Javascript
JS小功能(setInterval实现图片效果显示时间)实例代码
2013/11/28 Javascript
js实现按Ctrl+Enter发送效果
2014/09/18 Javascript
bootstrap导航栏、下拉菜单、表单的简单应用实例解析
2017/01/06 Javascript
bootstrap手风琴制作方法详解
2017/01/11 Javascript
详解jquery选择器的原理
2017/08/01 jQuery
详解jQuery设置内容和属性
2019/04/11 jQuery
vue 地图可视化 maptalks 篇实例代码详解
2019/05/21 Javascript
Vue程序调试的方法
2019/06/17 Javascript
vue递归组件实战之简单树形控件实例代码
2019/08/27 Javascript
解决echarts vue数据更新,视图不更新问题(echarts嵌在vue弹框中)
2020/07/20 Javascript
Vue自动构建发布脚本的方法示例
2020/07/24 Javascript
使用python实现strcmp函数功能示例
2014/03/25 Python
python中requests和https使用简单示例
2018/01/18 Python
基于python的多进程共享变量正确打开方式
2018/04/28 Python
利用Python正则表达式过滤敏感词的方法
2019/01/21 Python
解决Django layui {{}}冲突的问题
2019/08/29 Python
布隆过滤器的概述及Python实现方法
2019/12/08 Python
python实现全排列代码(回溯、深度优先搜索)
2020/02/26 Python
基于django2.2连oracle11g解决版本冲突的问题
2020/07/02 Python
收集的22款给力的HTML5和CSS3帮助工具
2012/09/14 HTML / CSS
实习教师自我鉴定
2013/09/27 职场文书
初中科学教学反思
2014/01/21 职场文书
商铺消防安全责任书
2014/07/29 职场文书
2014年入党积极分子学习三中全会思想汇报
2014/09/13 职场文书
团员自我评价范文
2015/03/10 职场文书
导游词之韩国济州岛
2019/10/28 职场文书
Html5页面播放M4a音频文件
2021/03/30 HTML / CSS