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 相关文章推荐
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性
Aug 28 Javascript
jquery获取radio值实例
Oct 16 Javascript
jquery调取json数据实现省市级联的方法
Jan 29 Javascript
简介JavaScript中用于处理正切的Math.tan()方法
Jun 15 Javascript
js如何判断访问是来自搜索引擎(蜘蛛人)还是直接访问
Sep 14 Javascript
很不错的两款Bootstrap Icon图标选择组件
Jan 28 Javascript
浅谈js中对象的使用
Aug 11 Javascript
简单实现vue验证码60秒倒计时功能
Oct 11 Javascript
vue better-scroll插件使用详解
Jan 25 Javascript
vue动画效果实现方法示例
Mar 18 Javascript
详解JS预解析原理
Jun 16 Javascript
json.stringify()与json.parse()的区别以及用处
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
《超神学院》霸气归来, 天使彦上演维多利亚的秘密
2020/03/02 国漫
强烈推荐:php.ini中文版(1)
2006/10/09 PHP
浅谈php提交form表单
2015/07/01 PHP
浅谈php中变量的数据类型判断函数
2017/03/04 PHP
php中请求url的五种方法总结
2017/07/13 PHP
PHP操作Redis常用命令的实例详解
2020/12/23 PHP
Js控制弹窗实现在任意分辨率下居中显示
2013/08/01 Javascript
JavaScript移除数组元素减少长度的方法
2013/09/05 Javascript
NodeJS学习笔记之Connect中间件模块(一)
2015/01/27 NodeJs
jQuery检测返回值的数据类型
2015/07/13 Javascript
js限制文本框只能输入中文的方法
2015/08/11 Javascript
JQuery 传送中文乱码问题的简单解决办法
2016/05/24 Javascript
基于CSS3和jQuery实现跟随鼠标方位的Hover特效
2016/07/25 Javascript
jQuery文本框得到与失去焦点动态改变样式效果
2016/09/08 Javascript
Node.js使用cookie保持登录的方法
2018/05/11 Javascript
Vue-cli3简单使用(图文步骤)
2019/04/30 Javascript
JS为什么说async/await是generator的语法糖详解
2019/07/11 Javascript
JS阻止事件冒泡的方法详解
2019/08/26 Javascript
浅谈JS中几种轻松处理'this'指向方式
2019/09/16 Javascript
JavaScript实现英语单词题库
2019/12/24 Javascript
ES6 Iterator遍历器原理,应用场景及相关常用知识拓展详解
2020/02/15 Javascript
用python实现的去除win下文本文件头部BOM的代码
2013/02/10 Python
Python ZipFile模块详解
2013/11/01 Python
Python实现网络端口转发和重定向的方法
2016/09/19 Python
Python处理Excel文件实例代码
2017/06/20 Python
Python使用pyh生成HTML文档的方法示例
2018/03/10 Python
python远程连接服务器MySQL数据库
2018/07/02 Python
Python理解递归的方法总结
2019/01/28 Python
基于python的Paxos算法实现
2019/07/03 Python
pytorch 实现打印模型的参数值
2019/12/30 Python
pyecharts绘制中国2020肺炎疫情地图的实例代码
2020/02/12 Python
Bath & Body Works阿联酋:在线购买沐浴和身体用品
2021/02/27 全球购物
什么叫应用程序域?什么是托管代码?什么是强类型系统?什么是装箱和拆箱?什么是重载?CTS、CLS和CLR分别作何解释?
2012/05/23 面试题
解除合同协议书
2014/04/17 职场文书
顶岗实习协议书
2015/01/29 职场文书
Spring boot admin 服务监控利器详解
2022/08/05 Java/Android