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 YUI 读码日记之 YAHOO.util.Dom - Part.4
Mar 22 Javascript
jquery 问答知识整理
Feb 11 Javascript
javascript 中that的含义示例介绍
May 14 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
Jun 25 Javascript
js改变css样式的三种方法推荐
Jun 28 Javascript
深入理解(function(){... })();
Aug 16 Javascript
Vue 2.0学习笔记之使用$refs访问Vue中的DOM
Dec 19 Javascript
iconfont的三种使用方式详解
Aug 05 Javascript
Vue用v-for给循环标签自身属性添加属性值的方法
Oct 18 Javascript
小程序实现页面顶部选项卡效果
Nov 06 Javascript
微信小程序地图(map)组件点击(tap)获取经纬度的方法
Jan 10 Javascript
JS替换字符串中指定位置的字符(多种方法)
May 28 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函数
2006/10/09 PHP
PHP去除数组中重复的元素并按键名排序函数
2008/08/18 PHP
PHP Session机制简介及用法
2014/08/19 PHP
PHP+jquery+ajax实现即时聊天功能实例
2014/12/23 PHP
浅谈PDO的rowCount函数
2015/06/18 PHP
PHP实现双链表删除与插入节点的方法示例
2017/11/11 PHP
Laravel框架使用monolog_mysql实现将系统日志信息保存到mysql数据库的方法
2018/08/16 PHP
Laravel 6 将新增为指定队列任务设置中间件的功能
2019/08/06 PHP
JS类定义原型方法的两种实现的区别评论很多
2007/09/12 Javascript
javascript 页面划词搜索JS
2009/09/28 Javascript
本地对象Array的原型扩展实现代码
2010/12/04 Javascript
浅谈Javascript 执行顺序
2013/12/18 Javascript
jQuery中ajax和post处理json的不同示例对比
2014/11/02 Javascript
浅谈javascript中return语句
2015/07/15 Javascript
javascript实现tab切换的两个实例
2015/11/05 Javascript
Javascript removeChild()删除节点及删除子节点的方法
2015/12/27 Javascript
JS中的数组方法笔记整理
2016/07/26 Javascript
JavaScript学习笔记整理_关于表达式和语句
2016/09/19 Javascript
ES6新特性一: let和const命令详解
2017/04/20 Javascript
如何用vue-cli3脚手架搭建一个基于ts的基础脚手架的方法
2019/12/12 Javascript
vue 页面回退mounted函数不执行的解决方案
2020/07/26 Javascript
JavaScript实现简单日历效果
2020/09/11 Javascript
JavaScript 实现继承的几种方式
2021/02/19 Javascript
python脚本实现查找webshell的方法
2014/07/31 Python
Python队列的定义与使用方法示例
2017/06/24 Python
Python比较2个时间大小的实现方法
2018/04/10 Python
python实现俄罗斯方块
2018/06/26 Python
python3应用windows api对后台程序窗口及桌面截图并保存的方法
2019/08/27 Python
python利用蒙版抠图(使用PIL.Image和cv2)输出透明背景图
2020/08/04 Python
详解CSS3伸缩布局盒模型Flex布局
2018/08/20 HTML / CSS
介绍一下HDLC(High-Level Data Link Control)高层数据链路协议
2012/01/21 面试题
什么是三层交换,说说和路由的区别在那里
2014/09/01 面试题
浅谈react路由传参的几种方式
2021/03/23 Javascript
外贸英语毕业生自荐信
2013/11/14 职场文书
设计顾问服务计划书
2014/05/04 职场文书
调任通知
2015/04/21 职场文书