[Vue] 在方法中获取vuex action的返回值

置顶 已于 2022-06-10 15:57:24 修改
阅读量1k 收藏
点赞数 1
文章标签： vue.js javascript 前端
于 2022-06-10 15:55:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bobringtheboys/article/details/125223143
版权

我想要在vue组件里面获取vuex的action的返回值
这里我用的dispatch调用 如图
在这里插入图片描述
我这里使用的new Promise的方法

调用getlunbolist的时候返回一个new Promise，把需要的值用resolve带出

在组件就可以用then的方法取出来使用
在这里插入图片描述

bobringtheboys
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue2,3的vuex获取值
qq_43033748的博客
11-07 977
1.vuex的写法
VUE UPLOAD 通过ACTION返回上传结果操作
12-28
通过Upload 的action方法 返回不了结果，可以通过on-success方法中获取返回结果 <Upload accept=.xls, action=uploadUrl on-success=onSuccess on-error=handleError before-upload=beforeUpload xss=removed> <Button type=primary icon=ios-cloud-upload-outline >导入</Button> </Upload> -----------------
Vuex请求访问，组件获取返回值
wyh_115的博客
04-01 774
组件里获取Vuex里state存的值为空 在Vuex的actions方法用Axios请求访问接口时，返回的数据需要在组件里获取，但是会出现为空的情况。那是因为在组件里面的正确逻辑是先派发方法，获取到数据后再赋值调用，所以应该用异步的方法。如下是完整代码：（大致功能是删除一天数据，接口返回成功或失败的提示，根据系统返回的提示，弹出提示框） store文件里： import Axios from "axios"; const state={ //更改列表受影响时返回的信息 BaoXainShouY
Vue Vuex 中mutations 与 actions 返回值问题
嘿嘿
08-20 1787
Vuex 是中大型项目必备状态管理器，具体使用参考官网 这里说一下关于返回值的问题： 1.actions 方法中的返回值 由于在actions中写的方法是异步执行的，往往我们需要给方法加一个Promise的返回值，以便上层访问者回调，这里的返回值会直接作为dispatch方法的返回值返回。 常见的写法如下： this.$store.dispatch('name', payload).then(res => { // 这里的then就是actions方法中返回的promise被作.
vuex的actions返回结果类型是promise及actions方法互相调用
最新发布
Zing_ing的博客
06-25 269
this.$store.dispatch(‘logout’)返回的结果是Promise类型的调用成功的情况下，返回状态为fulfilled，值为undefined。因为 Vuex 的 action 是设计为可以处理异步操作的，并且当你调用 dispatch 方法时，它会返回一个表示该操作完成的 Promise。
vuex 的模块中如何调用 actions 中的方法
qq_35859392的博客
07-08 1584
vuex 的模块中如何调用 actions 中的方法 模块vuexTest.js /** * 模块vuexTest.js */ export default { namespaced: true, actions: { actionsHello(context, val) { console.log(context, "conte...
Vuex 在Vue 组件中获得Vuex 状态state的方法
12-02
在Vue组件中获取Vuex状态有五种主要方法： 1. **从store实例中读取状态** 这是最基础的方法，通常在计算属性中使用。首先需要在组件中导入store实例，然后在计算属性中返回所需的state属性。例如： ```javascript...
详解如何在vue-cli中使用vuex
12-09
在这些文件中，每个模块负责一部分功能，例如`rootState.js`中定义状态变量，`getters.js`中定义获取状态的方法，`mutations.js`中定义改变状态的方法，`actions.js`中定义异步操作。 在`index.js`中，将这些模块...
vue实现将数据存入vuex中以及从vuex中取出数据
10-16
本篇文章将详细介绍如何在 Vue 中使用 Vuex 存储和获取数据。 首先，我们需要在 `store` 目录下创建一个新的模块文件，例如 `print.js`，用于存放特定的数据。在 `print.js` 文件中，定义初始状态 `state`、getters...
Vuex的使用（十）——mutations和actions的返回值测试
讨厌走开啦
09-14 3270
参考文档：https://vuex.vuejs.org/zh/guide/ 在官方网站中有关于actions返回结果的例子，但却没有mutations返回结果的例子，首先把结论说明一下： actions允许返回结果，mutations不允许返回结果（即使写了return也不生效）。 首先在Vuex中补充返回结果的mutations（mutation3方法，修改文件路径为src\store\index.js），下面上代码： import Vue from “vue”; import Vuex from “vu
如何在Action里返回值 [收藏]
ak_2005的专栏
06-01 1345
我想好多朋友一定遇到过这种情况，在sturts Action里当我们执行完一些方法后，想返回某些值到jsp页面里，让客户知道执行的情况，可是在Action里没有在ActionForm里方便，可以直接return ActionErrors 的对象,这时我们一般有两种方法：一种是： ActionMessages errors=new ActionMessages();ActionMessage mes
组件使用dispatch() “调用” 仓库中actions里面的方法——从服务器端获取数据
qq_44173499的博客
02-27 1156
actions 是 通过 后台更改操作，异步 修改 数据仓库state中的数据 这里不做思路分析，再次打开的时候：最好的复习，就是上手重新写一遍 代码： Markup <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
Vuex ：提交action的时候如何设置回调方法
攻城诗的酸甜苦辣
04-01 4554
问题描述： 在action中有 deleteTargetObject( {commit, state } , data) 方法可以执行删除数据操作，需要后台返回删除成功的结果之后再更新数据。 解决办法： 这个时候就需要传递一个回调函数给deleteTargetObject( {commit, state } , data)，在接收到后台返回的数据 response 之后，把 response...
vue 返回结果是promise的处理
m0_45038985的博客
05-13 7010
原本代码 async search1(name) { const { data: resp } = await this.$http.post("/qureyBaseInfo/" + name); return resp; }, showResumeById(row){ this.dialogTableVisible = true; this.test.name=row.mytoudi_myname; this.test.i
vuex中modules中action如何调用state、兄弟模块state、根state，以及调用相关action、mutation，getters?vuex中modules中action如何调用s
seimeii的博客
08-08 3469
如何调用state、兄弟模块state、根state
Vuex(五)--Vue核心概念actions
muzidigbig的博客
11-06 3373
Action 类似于 mutation，不同在于： - Action 提交的是 mutation，而不是直接变更状态。 - Action 可以包含任意异步操作。Action 函数接受一个与 store 实例具有相同方法和属性的 context 对象，因此你可以调用 context.commit 提交一个 mutation，或者通过 context.state 和 context.getters 来...
Vuex系列之 Action 的使用
老__L的博客
12-25 4903
Vuex系列之 Action 的使用
vue上传文件 用：action调用接口 如何获得后端返回值
hd2019jsz的博客
10-31 2197
仅限用于vue控件 调用后台接口传值问题
在vue组件中获得vuex状态的方法
09-05
在Vue组件中获取Vuex状态的方法有以下几种： 1. 使用mapState辅助函数：在组件中使用计算属性获取Vuex状态。首先，在组件中引入`mapState`辅助函数：`import { mapState } from 'vuex'`。然后，在计算属性中映射Vuex状态：`computed: { ...mapState(['stateName']) }`，其中stateName是Vuex store中的状态名。 2. 使用this.$store对象：在组件中可以通过`this.$store.state`访问Vuex store中的状态。可以直接在组件的方法或计算属性中使用`this.$store.state.stateName`来获取具体的状态值。 3. 使用getters：Vuex的getters可以返回派生出来的状态，在组件中使用这些派生状态。首先，在组件中引入某个getter：`import { mapGetters } from 'vuex'`。然后，在计算属性中映射getter：`computed: { ...mapGetters(['getterName']) }`，其中getterName是Vuex store中的getter名。然后就可以在组件的方法或模板中使用这个派生状态了。 4. 使用mapGetters辅助函数：和mapState类似，通过引入`mapGetters`辅助函数，将getter映射到组件的计算属性中：`import { mapGetters } from 'vuex'`，然后在计算属性中使用：`computed: { ...mapGetters(['getterName']) }`。 这些方法都是Vue和Vuex提供的常用的方式，可以根据实际的需求选择合适的方法来获取Vuex状态。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值