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 callBack 返回前一页的js方法
Nov 30 Javascript
js获取html页面节点方法(递归方式)
Dec 13 Javascript
Boostrap基础教程之JavaScript插件篇
Sep 08 Javascript
jQuery extend()详解及简单实例
May 06 jQuery
jQuery遮罩层实例讲解
May 11 jQuery
Three.js加载外部模型的教程详解
Nov 10 Javascript
React 使用browserHistory项目访问404问题解决
Jun 01 Javascript
在AngularJs中设置请求头信息(headers)的方法及不同方法的比较
Sep 04 Javascript
vue使用keep-alive保持滚动条位置的实现方法
Apr 09 Javascript
JointJS JavaScript流程图绘制框架解析
Aug 15 Javascript
JavaScript通如何过RGraph实现动态仪表盘
Oct 15 Javascript
一文彻底理解js原生语法prototype,__proto__和constructor
Oct 24 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,ajax实现分页
2008/03/27 PHP
PHP大批量数据操作时临时调整内存与执行时间的方法
2011/04/20 PHP
PHP迭代器实现斐波纳契数列的函数
2013/11/12 PHP
优化网页之快速的呈现我们的网页
2007/06/29 Javascript
jquery选择器之内容过滤选择器详解
2014/01/27 Javascript
jQuery中的height innerHeight outerHeight区别示例介绍
2014/06/15 Javascript
IE6浏览器中window.location.href无效的解决方法
2014/11/20 Javascript
JavaScript实现点击按钮直接打印
2016/01/06 Javascript
多种js图片预加载实现方式分享
2016/02/19 Javascript
json定义及jquery操作json的方法
2016/09/29 Javascript
jquery获取easyui日期控件的值实现方法
2016/11/09 Javascript
webpack4 升级迁移的实现
2018/09/12 Javascript
微信小程序实现弹出层效果
2020/05/26 Javascript
JS根据json数组多个字段排序及json数组常用操作
2019/06/06 Javascript
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
2019/07/03 jQuery
Vue 样式切换及三元判断样式关联操作
2020/08/09 Javascript
nodejs+koa2 实现模仿springMVC框架
2020/10/21 NodeJs
老生常谈进程线程协程那些事儿
2017/07/24 Python
python_opencv用线段画封闭矩形的实例
2018/12/05 Python
python交换两个变量的值方法
2019/01/12 Python
python实现给微信指定好友定时发送消息
2019/04/29 Python
Python TCP通信客户端服务端代码实例
2019/11/21 Python
python中sympy库求常微分方程的用法
2020/04/28 Python
Python字典实现伪切片功能
2020/10/28 Python
全球最大的跑步用品商店:Road Runner Sports
2016/09/11 全球购物
捷克家居装饰及图书音像购物网站:Velký košík
2018/04/16 全球购物
澳大利亚设计的婴儿和女孩的衣服:Oobi
2018/12/16 全球购物
英国DIY和家居装饰领域的主要品牌:Wickes
2019/11/26 全球购物
Ajxa常见问题都有哪些
2014/03/26 面试题
十佳护士先进事迹
2014/05/08 职场文书
经营理念口号
2014/06/21 职场文书
企业授权委托书范本
2014/09/22 职场文书
大学运动会通讯稿
2015/07/18 职场文书
2016学校先进党组织事迹材料
2016/02/29 职场文书
浅谈什么是SpringBoot异常处理自动配置的原理
2021/06/21 Java/Android
mysql 生成连续日期及变量赋值
2022/03/20 MySQL