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 ajax 路由和过滤器使用说明
Aug 02 Javascript
Angular用来控制元素的展示与否的原生指令介绍
Jan 07 Javascript
整理Javascript数组学习笔记
Nov 29 Javascript
基于BootStrap Metronic开发框架经验小结【六】对话框及提示框的处理和优化
May 12 Javascript
JavaScript 基础函数_深入剖析变量和作用域
May 18 Javascript
深入理解JS DOM事件机制
Aug 06 Javascript
浅谈mint-ui 填坑之路
Nov 06 Javascript
jQuery.Sumoselect插件实现下拉复选框效果
Nov 09 jQuery
原生JS实现的双色球功能示例
Feb 02 Javascript
Angular 容器部署的方法
Apr 17 Javascript
微信小程序加载机制及运行机制图解
Nov 27 Javascript
JS localStorage存储对象,sessionStorage存储数组对象操作示例
Feb 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正则校验用户名介绍
2008/07/19 PHP
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析
2010/03/12 Javascript
基于jquery+thickbox仿校内登录注册框
2010/06/07 Javascript
使用jQuery的将桌面应用程序引入浏览器
2010/11/19 Javascript
jquery Moblie入门—hello world的示例代码学习
2013/01/08 Javascript
JS防止用户多次提交的简单代码
2013/08/01 Javascript
jQuery中:contains选择器用法实例
2014/12/30 Javascript
js中利用tagname和id获取元素的方法
2016/01/03 Javascript
AngularJS基础 ng-show 指令简单示例
2016/08/03 Javascript
js制作网站首页图片轮播特效代码
2016/08/30 Javascript
Bootstrap 网站实例之单页营销网站
2016/10/20 Javascript
AJAX和jQuery动态加载数据的实现方法
2016/12/05 Javascript
基于ExtJs在页面上window再调用Window的事件处理方法
2017/07/26 Javascript
React Native使用百度Echarts显示图表的示例代码
2017/11/07 Javascript
详解weex默认webpack.config.js改造
2018/01/08 Javascript
layer弹出子iframe层父子页面传值的实现方法
2018/11/22 Javascript
JS实现纵向轮播图(初级版)
2020/01/18 Javascript
[02:53]DOTA2英雄昆卡基础教程
2013/11/25 DOTA
Python操作SQLite数据库的方法详解
2017/06/16 Python
浅谈配置OpenCV3 + Python3的简易方法(macOS)
2018/04/02 Python
python使用Matplotlib画饼图
2018/09/25 Python
详解用python自制微信机器人,定时发送天气预报
2019/03/25 Python
Django 对IP访问频率进行限制的例子
2019/08/30 Python
sklearn-SVC实现与类参数详解
2019/12/10 Python
pytorch实现对输入超过三通道的数据进行训练
2020/01/15 Python
Python request操作步骤及代码实例
2020/04/13 Python
PAUL HEWITT手表美国站:德国北部时尚生活配饰品牌,船锚元素
2017/11/18 全球购物
特色蛋糕店创业计划书
2014/01/28 职场文书
竞选体育委员演讲稿
2014/04/26 职场文书
超市优秀员工事迹材料
2014/05/01 职场文书
经营目标管理责任书
2014/07/25 职场文书
村党支部书记四风问题个人对照检查材料思想汇报
2014/10/06 职场文书
大学生党课心得体会
2016/01/07 职场文书
SqlServer: 如何更改表的文件组?(进而改变存储位置)
2021/04/05 SQL Server
Linux安装apache服务器的配置过程
2021/11/27 Servers
ssh服务器拒绝了密码 请再试一次已解决(亲测有效)
2022/08/14 Servers