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 相关文章推荐
JavaScript中的稀疏数组与密集数组[译]
Sep 17 Javascript
利用js实现选项卡的特别效果的实例
Mar 03 Javascript
javascript实现无缝上下滚动特效
Dec 16 Javascript
js实现前端分页页码管理
Jan 06 Javascript
javascript获取以及设置光标位置
Feb 16 Javascript
详解vue2路由vue-router配置(懒加载)
Apr 08 Javascript
jQuery表单验证之密码确认
May 22 jQuery
详解js中Array的方法及技巧
Sep 12 Javascript
jQuery中each和js中forEach的区别分析
Feb 27 jQuery
JavaScript中0、空字符串、'0'是true还是false的知识点分享
Sep 16 Javascript
javascript实现函数柯里化与反柯里化过程解析
Oct 08 Javascript
Vue-router中hash模式与history模式的区别详解
Dec 15 Vue.js
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 Ajax实现页面无刷新发表评论
2007/01/02 PHP
24条货真价实的PHP代码优化技巧
2016/07/28 PHP
详谈PHP面向对象中常用的关键字和魔术方法
2017/02/04 PHP
php获取微信共享收货地址的方法
2017/12/21 PHP
确保Laravel网站不会被嵌入到其他站点中的方法
2019/10/18 PHP
PHP的图像处理实例小结【文字水印、图片水印、压缩图像等】
2019/12/20 PHP
Node.js实战 建立简单的Web服务器
2012/03/08 Javascript
web性能优化之javascript性能调优
2012/12/28 Javascript
js 通过html()及text()方法获取并设置p标签的显示值
2014/05/14 Javascript
微信小程序 开发指南详解
2016/09/27 Javascript
Vue2.0表单校验组件vee-validate的使用详解
2017/05/02 Javascript
简单明了区分escape、encodeURI和encodeURIComponent
2018/05/26 Javascript
vue中,在本地缓存中读写数据的方法
2018/09/21 Javascript
Vue一次性简洁明了引入所有公共组件的方法
2018/11/28 Javascript
vue-router 前端路由之路由传值的方式详解
2019/04/30 Javascript
详解微信小程序自定义组件的实现及数据交互
2019/07/22 Javascript
在Vue中实现随hash改变响应菜单高亮
2020/03/09 Javascript
Python爬虫框架Scrapy安装使用步骤
2014/04/01 Python
详解Django之auth模块(用户认证)
2018/04/17 Python
python 删除字符串中连续多个空格并保留一个的方法
2018/12/22 Python
详解如何在Apache中运行Python WSGI应用
2019/01/02 Python
Python实现的栈、队列、文件目录遍历操作示例
2019/05/06 Python
python实现字符串完美拆分split()的方法
2019/07/16 Python
从训练好的tensorflow模型中打印训练变量实例
2020/01/20 Python
Python文件操作方法详解
2020/02/09 Python
HTML5时代CSS设置漂亮字体取代图片
2014/09/04 HTML / CSS
TripAdvisor日本:全球领先的旅游网站
2019/02/14 全球购物
CK加拿大官网:Calvin Klein加拿大
2020/03/14 全球购物
为什么要用EJB
2014/04/17 面试题
技术人员面试提纲
2013/11/28 职场文书
学生自我鉴定
2013/12/18 职场文书
文明礼貌演讲稿
2014/05/12 职场文书
向国旗敬礼活动总结
2014/09/27 职场文书
业务内勤岗位职责
2015/04/13 职场文书
2016年综治和平安建设宣传月活动总结
2016/04/01 职场文书
Python借助with语句实现代码段只执行有限次
2022/03/23 Python