iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >vue中如何在vuex的actions中请求数据
  • 159
分享到

vue中如何在vuex的actions中请求数据

2024-04-02 19:04:59 159人浏览 薄情痞子
摘要

这篇文章给大家分享的是有关Vue中如何在vuex的actions中请求数据的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。代码actions.js   getC

这篇文章给大家分享的是有关Vue中如何在vuex的actions中请求数据的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

代码

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中请求数据”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

--结束END--

本文标题: vue中如何在vuex的actions中请求数据

本文链接: https://www.lsjlt.com/news/80090.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • vue中如何在vuex的actions中请求数据
    这篇文章给大家分享的是有关vue中如何在vuex的actions中请求数据的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。代码actions.js   getC...
    99+
    2024-04-02
  • Vuex如何通过actions模拟异步请求
    这篇文章主要介绍Vuex如何通过actions模拟异步请求,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!一、比如说我现在有这么个需求,当 count < 5 的时候,就停止 c...
    99+
    2024-04-02
  • Vuex中actions优雅处理接口请求的方法
    目录前言文件结构前言 在项目开发中,如果使用到了 vuex,通常我会将所有的接口请求单独用一个文件管理,而业务逻辑写在 actions 中,一方面方便统一管理项目中的所有请求,其次代...
    99+
    2022-11-16
    Vuex actions接口请求 Vuex接口请求 Vuex actions请求
  • vue 中怎么请求后台数据
    这篇文章给大家介绍vue 中怎么请求后台数据,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。在入口函数中加入import VueResource from ...
    99+
    2024-04-02
  • 如何在Vue项目中使用axios请求
    目录1、安装2、没有封装存在的问题3、创建文件4、请求地址配置5、axios 配置,设置请求头及响应码处理6、使用在实际的项目中,和后台的数据交互是少不了的,我通常使用的是 axio...
    99+
    2024-04-02
  • vue中如何使用axios数据请求get、post方法
    小编给大家分享一下vue中如何使用axios数据请求get、post方法,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!vue中使用axios方法我们先安装axios这个方法npm inst...
    99+
    2024-04-02
  • react中如何请求远程数据
    这篇文章给大家分享的是有关react中如何请求远程数据的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 请求远程数据的四种方法:1、直接在React组件...
    99+
    2024-04-02
  • React之如何在Suspense中优雅地请求数据
    目录什么是 Sunpense懒加载挂起懒加载组件的加载过程对需要请求数据的组件使用 Suspensereact-cache自己写一个加工函数请求数据的时机结论什么是 Sunpense...
    99+
    2023-05-17
    在Suspense中请求数据 React Suspense Suspense请求数据
  • 如何在 Vue 中使用 Axios 异步请求API
    目录设置基本 HTTP 请求 Axios 配合 async/await Axios 的错误处理 发送POST请求 用 Axios 编写可复用的 API 调用 最终代码设置基本 HTT...
    99+
    2024-04-02
  • vue的查看请求数据
    Vue是一款前端框架,其与后端进行数据交互的方式通常是通过发送请求获取数据。在实际开发中,我们常常需要查看发送的请求所携带的数据,因为这能够帮助我们更好地理解数据交互的过程,也可以用于调试和排错。本篇文章将介绍如何在Vue中查看请求数据。首...
    99+
    2023-05-24
  • PHP中如何处理POST请求中的数组数据?
    标题:PHP中如何处理POST请求中的数组数据? 在Web开发中,处理表单提交中的数组数据是非常常见的需求。特别是在使用POST请求传递复杂数据结构时,如何正确处理这些数组数据就显得尤...
    99+
    2024-03-13
    php 数组 post 表单提交
  • vue中数据请求axios的封装和使用
    目录一、什么是axios二、下载方式三、拦截器四、请求的封装五、使用一、什么是axios      简单的来说,​Axios 是一个基于 promise...
    99+
    2024-04-02
  • nGrinder中如何在GET请求中发送参数
    本篇文章为大家展示了nGrinder中如何在GET请求中发送参数,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。在GET请求脚本中添加添加信息头、cookies和自定义参数,有两种方式:一种是在UI界...
    99+
    2023-06-05
  • 如何在Vue项目中使用vuex
    目录在Vue项目中使用vuex一、安装vuex二、创建store三、挂载store四、在组件中使用五、在Vue组件中监听Vuex总结在Vue项目中使用vuex 在一个vue项目中使用...
    99+
    2023-01-28
    Vue使用vuex Vue vuex Vue项目中使用vuex
  • vue中如何进行异步请求
    目录如何进行异步请求一、axios实现异步请求二、vue-resource实现异步请求(和axios步骤基本相同)vue接口异步请求其他方法如何进行异步请求 一、axios实现异步请...
    99+
    2024-04-02
  • vue中怎么配置请求本地json数据
    这篇文章将为大家详细讲解有关vue中怎么配置请求本地json数据,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。在build文件夹下找到webpack.dev...
    99+
    2024-04-02
  • vue axios数据请求及vue中使用axios的示例分析
    这篇文章将为大家详细讲解有关vue axios数据请求及vue中使用axios的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。axios 简介axios 是一个基...
    99+
    2024-04-02
  • Vue-cli如何使用json server在本地模拟请求数据
    这篇文章主要为大家展示了“Vue-cli如何使用json server在本地模拟请求数据”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Vue-cli如何使用js...
    99+
    2024-04-02
  • vue下如何配置请求本地json数据
    这篇文章主要介绍“vue下如何配置请求本地json数据”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“vue下如何配置请求本地json数据”文章能帮助大家解决问题。在build文件夹下找到webpac...
    99+
    2023-07-04
  • 如何在Go中进行Post请求
    近年来,Go语言(也称为Golang)在企业级开发中变得越来越流行。它追求高效率、高并发和高性能,使它成为Web应用程序和API开发的首选语言之一。本文将深入了解如何在Go中进行Post请求,让我们一起来看看吧。Go语言提供了一个标准包“n...
    99+
    2023-05-14
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作