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函数(json)附详细说明
May 25 Javascript
JavaScript 用cloneNode方法克隆节点的代码
Oct 15 Javascript
jquery live()调用不存在的解决方法
Feb 26 Javascript
详谈javascript中DOM的基本属性
Feb 26 Javascript
跟我学习javascript的闭包
Nov 16 Javascript
JavaScript位置与大小(1)之正确理解和运用与尺寸大小相关的DOM属性
Dec 26 Javascript
浅谈VueJS SSR 后端绘制内存泄漏的相关解决经验
Dec 20 Javascript
回顾Javascript React基础
Jun 15 Javascript
微信小程序授权登陆及每次检查是否授权实例代码
Sep 18 Javascript
Vue组件通信入门之Provide和Inject机制
Dec 29 Javascript
js 计算月/周的第一天和最后一天代码
Feb 01 Javascript
15个值得收藏的JavaScript函数
Sep 15 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中的内存管理,PHP动态分配和释放内存
2013/06/28 PHP
php基于jquery的ajax技术传递json数据简单实例
2016/04/15 PHP
给文字加上着重号的JS代码
2013/11/12 Javascript
使用iframe window的scroll方法控制iframe页面滚动
2014/03/05 Javascript
js获取页面传来参数的方法
2014/09/06 Javascript
node.js中的fs.fchownSync方法使用说明
2014/12/16 Javascript
jQuery中:header选择器用法实例
2014/12/29 Javascript
如何减少浏览器的reflow和repaint
2015/02/26 Javascript
自定义jQuery插件方式实现强制对象重绘的方法
2015/03/23 Javascript
JS动态修改iframe高度和宽度的方法
2015/04/01 Javascript
jQuery获取浏览器类型和版本号的方法
2016/07/05 Javascript
js实现为a标签添加事件的方法(使用闭包循环)
2016/08/02 Javascript
Angularjs CURD 详解及实例代码
2016/09/14 Javascript
使用开源工具制作网页验证码的方法
2016/10/17 Javascript
html、css和jquery相结合实现简单的进度条效果实例代码
2016/10/24 Javascript
JavaScript输出所选择起始与结束日期的方法
2017/07/12 Javascript
JS实现页面内跳转的简单代码
2017/09/03 Javascript
详解ES6之async+await 同步/异步方案
2017/09/19 Javascript
CentOS环境中MySQL修改root密码方法
2018/01/07 Javascript
详解在不使用ssr的情况下解决Vue单页面SEO问题
2018/11/08 Javascript
ionic3双击返回退出应用的方法
2019/09/17 Javascript
JS轮播图的实现方法2
2020/08/25 Javascript
Vue实现简易购物车页面
2020/12/30 Vue.js
python使用mysqldb连接数据库操作方法示例详解
2013/12/03 Python
Python学习小技巧总结
2018/06/10 Python
Python利用heapq实现一个优先级队列的方法
2019/02/03 Python
python 比较字典value的最大值的几种方法
2020/04/17 Python
用python按照图像灰度值统计并筛选图片的操作(PIL,shutil,os)
2020/06/04 Python
Python基于time模块表示时间常用方法
2020/06/18 Python
ALDO英国官网:加拿大女鞋品牌
2018/02/19 全球购物
编辑硕士自荐信范文
2013/11/27 职场文书
生物制药自我鉴定
2014/01/25 职场文书
个人承诺书格式
2014/06/03 职场文书
迎国庆主题班会
2015/08/17 职场文书
python 利用 PIL 将数组值转成图片的实现
2021/04/12 Python
Win10加载疑难解答时出错发生意外错误的解决方法
2022/07/07 数码科技