当前位置: 首页 > news >正文

vuex的actions返回结果类型是promise及actions方法互相调用

this.$store.dispatch(‘logout’)返回的结果是Promise类型的
在这里插入图片描述
调用成功的情况下,返回状态为fulfilled,值为undefined。
所以可以直接进行.then操作:

this.$store.dispatch('logout').then((result) => {console.log(result);
});

因为 Vuex 的 action 是设计为可以处理异步操作的,并且当你调用 dispatch 方法时,它会返回一个表示该操作完成的 Promise。

拓展:

1.其余的store.getters、store.commit是同步的,则不返回promise。
2.在actions中可以通过dispatch调用actions中其他的方法
  actions: {resetToken ({ dispatch }) {dispatch('logout').then(() => {console.log("...");})},logout ({ commit }) {localStorage.removeItem('token')localStorage.removeItem('role')commit('setToken', '')commit('setRole', '')}},
http://www.lryc.cn/news/383394.html

相关文章:

  • 【干货】Jupyter Lab操作文档
  • iOS分享到微信,配置Universal Links,并从微信打开app,跳转到指定界面
  • 基于SSM构建的校园失眠与压力管理系统的设计与实现【附源码】
  • SAP 初始化库存移动类型561501511区别简介
  • 情感搞笑聊天记录视频:AI自动化生成技术,操作简单,教程+软件
  • RabbitMQ中lazyqueue队列
  • Java三层框架的解析
  • 算法设计与分析 笔记
  • mapreduce的工作原理
  • vue中v-bind和v-model有什么区别
  • 基于SpringBoot和PostGIS的某国基地可视化实战
  • 为什么Linux服务器空间充足而实际上空间已满的原因
  • 【LC刷题】DAY16:530 501 236
  • Vue 3 的 Teleport 组件实现跨层级通信
  • chromadb
  • Gradle 自动化项目构建-Gradle 核心之 Project
  • 简单介绍 Kamailio cfg_rpc 模块
  • Windows 根据github上的环境需求,安装一个虚拟环境,安装cuda和torch
  • LeetCode 179. 最大数
  • 基于Java+SpringBoot+vue+elementui药品商城采购系统详细设计实现
  • Pikachu靶场--文件上传
  • 突破架构瓶颈:克服软件系统中的漂移和侵蚀
  • 每日练题(py,c,cpp).6_19,6_20
  • 居中显示-css样式
  • 生骨肉冻干喂猫比较好?热门、口碑好、值得入手生骨肉冻干力荐
  • 【安卓13 源码】RescueParty救援机制
  • 详细介绍iutils.dll丢失的多个解决方法,一键快速修复丢失的iutils.dll文件
  • 基于SpringBoot+Vue的美容美发在线预约系统的设计与实现【附源码】
  • 语言的数据结构:树与二叉树(二叉树篇)
  • 若以框架学习(3),echarts结合后端数据展示,暂时完结。