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 相关文章推荐
ie和firefox不兼容的解决方法集合
Apr 28 Javascript
放弃用你的InnerHTML来输出HTML吧 jQuery Tmpl不详细讲解
Apr 20 Javascript
js下拉框二级关联菜单效果代码具体实现
Aug 03 Javascript
教你在heroku云平台上部署Node.js应用
Jul 30 Javascript
javascript常用正则表达式汇总
Jul 31 Javascript
JavaScript的jQuery库插件的简要开发指南
Aug 12 Javascript
浅谈Node.js 沙箱环境
May 15 Javascript
微信小程序自定义toast弹窗效果的实现代码
Nov 15 Javascript
微信小程序的tab选项卡的实现效果
May 15 Javascript
送你43道JS面试题(收藏)
Jun 17 Javascript
jQuery实现简单弹幕效果
Nov 28 jQuery
JS前端面试必备——基本排序算法原理与实现方法详解【插入/选择/归并/冒泡/快速排序】
Feb 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(8) php 数组
2010/03/05 PHP
常用PHP数组排序函数归纳
2016/08/08 PHP
php中foreach结合curl实现多线程的方法分析
2016/09/22 PHP
PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)
2017/09/17 PHP
PHP简单实现二维数组赋值与遍历功能示例
2017/10/19 PHP
PHP实现的最大正向匹配算法示例
2017/12/19 PHP
List the Stored Procedures in a SQL Server database
2007/06/20 Javascript
Extjs NumberField后面加单位实现思路
2013/07/30 Javascript
jQuery实现类似滑动门切换效果的层切换
2013/09/23 Javascript
使用JavaScript判断手机浏览器是横屏还是竖屏问题
2016/08/02 Javascript
js实现股票实时刷新数据案例
2017/05/14 Javascript
js input输入百分号保存数据库失败的解决方法
2018/05/26 Javascript
JavaScript中Dom操作实例详解
2019/07/08 Javascript
小程序怎样让wx.navigateBack更好用的方法实现
2019/11/01 Javascript
vue实现页面切换滑动效果
2020/06/29 Javascript
vue双击事件2.0事件监听(点击-双击-鼠标事件)和事件修饰符操作
2020/07/27 Javascript
vue点击Dashboard不同内容 跳转到同一表格的实例
2020/11/13 Javascript
在nodejs中创建child process的方法
2021/01/26 NodeJs
TensorFlow实现Softmax回归模型
2018/03/09 Python
Python collections模块使用方法详解
2019/08/28 Python
Python使用re模块验证危险字符
2020/05/21 Python
Python3交互式shell ipython3安装及使用详解
2020/07/11 Python
从零开始的TensorFlow+VScode开发环境搭建的步骤(图文)
2020/08/31 Python
python 爬虫如何实现百度翻译
2020/11/16 Python
python3中celery异步框架简单使用+守护进程方式启动
2021/01/20 Python
CSS3中的5个有趣的新技术
2009/04/02 HTML / CSS
HTML5 CSS3打造相册效果附源码下载
2014/06/16 HTML / CSS
美国最流行的男士时尚网站:Touch of Modern
2018/02/05 全球购物
广告学专业毕业生自荐信
2013/09/24 职场文书
施工人员岗位职责
2013/12/12 职场文书
运动会解说词100字
2014/01/31 职场文书
环保宣传标语
2014/06/12 职场文书
学期个人自我总结
2015/02/13 职场文书
红色影片观后感
2015/06/18 职场文书
国家助学金受助感言
2015/08/01 职场文书
分享几个实用的CSS代码块
2022/06/10 HTML / CSS