Vuex中actions访问Vue实例对象

最新推荐文章于 2022-05-15 19:53:23 发布

Lebronhsm_1005

最新推荐文章于 2022-05-15 19:53:23 发布

阅读量1.4k

点赞数 3

分类专栏：笔记文章标签： javascript vue

本文链接：https://blog.csdn.net/Lebron_hsm1005/article/details/106044337

版权

在Vuex的actions中，当需要异步获取数据且axios挂载在Vue实例下时，会遇到`this`不指向Vue实例的问题。解决方案包括：1) 在调用`this.$store.dispatch`时，将`this`作为参数传入，确保`this`指向正确；2) 直接在actions中引入Vue实例。这两种方法可以根据具体项目需求选择使用。

摘要由CSDN通过智能技术生成

async getAddress({
    commit, state }, that) {
   
        const url = `position/${
     state.latitude},${

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Lebronhsm_1005

关注关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue中在vuex的actions中请求数据实例

01-19

actions.js getCertificationStatus(context, {vm:vm,type:type}){ return new Promise((resolve, reject) => { axios.post('/realNameUtils/gotoStatusPage') .then((res)=>{ context.commit('...

如何在 vuex action 中获取到 vue 实例

weixin_33843409的博客

04-04

1096

问题：在做运营开发工具的时候我想要请求后台服务器保存成功后弹出一个弹框（饿了吗的 message 弹框），由于$message 是挂在 Vue原型链上的方法（Vue.prototype.$message = Message;）。以下action.js 中的this不指向Vue，因此以下代码会报错。 //action.js ...

参与评论您还未登录，请先登录后发表或查看评论

vuex状态管理获取vue对象

weixin_44659286的博客

06-01

370

this._vm export default { getOrderList({ commit, state }, data){ return this._vm.$api.getOrderList(data).then(res => { commit("SETORDERLIST", []) return res; }) } }

Vuex

Raccon_的博客

02-24

670

Vuex

在vuex中访问vue实例

weixin_49468552的博客

06-16

1993

在vuex中访问vue实例 vue项目中使用vuex，在vuex的Actions中，this指向Vuex实例。在this下有一个this._vm，它就是Vue实例，可以使用挂载在vue原型上的方法。

vue--vuex介绍与使用

鑫709的博客

05-15

1010

Vue介绍 Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，单一状态树,通俗理解就是一个应用的数据集合，可以想象为一个“前端数据库”（数据仓库），让其在各个页面上实现数据的共享包括状态，并且可操作。详情官方解释。 Vuex的组成 Vuex分成五个部分： State：单一状态树 Getters：状态获取 Mutations：触发同步事件 Actions：提交mutation，可以包含异步操作 Module：将vuex进行分模块前四个特征

vuex操作state对象的实例代码

01-21

Vuex是什么？ VueX 是一个专门为 Vue.js 应用设计的状态管理架构，统一管理和维护各个vue组件的可变化状态(你可以理解成 vue 组件里的某些 data )。 Vue有五个核心概念，state,...state即Vuex中的基本数据！单一状态树

Vue全家桶之Vuex实例代码

12-27

在这个“Vue全家桶之Vuex实例代码”中，我们将探讨Vuex的核心概念以及如何通过实际代码来理解它们。首先，Vuex由几个核心概念组成：state、mutations、actions、getters 和 modules。 1. **State**：状态是Vuex中的...

vue根据url获取内容axios_vuex的actions需要axios时候，怎么获取state里面的数据作为接口请求参数...

weixin_30082367的博客

12-31

869

在actions里用axios的话，直接引入就好了import 'axios'获取state里的数据也可以直接引state，不过一般都是接收外面传过来的参数改变state值当然是通过mutations改变了，通过actions里的context.commit嗲用mutations里的方法(可以把参数传过去)，在mutations里改stateactions:import axios form 'a...

Vue--Vuex--使用/教程/实例

IT利刃出鞘的博客

01-22

766

本文介绍Vue的插件：Vuex。包括：优缺点、使用场景、示例。

SpringMVC基础视频笔记

qq_23204557的博客

10-18

177

https://study.163.com/course/courseMain.htm?courseId=1005999006 《课时1》：在web.xml中做如下配置，用DispatcherServlet拦截一切请求： <servlet> <servlet-name>springDispatcherServlet</servlet-name> <servlet-class>org.springframework.web.servlet.Dis

vue中的Actions

itdabaotu

05-30

2万+

actions异步修改状态 actions和mutations是类似的，不同之处在于： Action提交的是Mutation，不能够直接修改state中的状态，而Mutations是可以直接修改state中状态的； Action是支持异步操作的，而Mutations只能是同步操作。还是通过代码来理解吧 1、在store.js中定义一个常量actions，如下： co...

Vue之Vuex详解与实例

DJun的博客

12-27

1万+

① 在组件（页面）中，通过dispatch()或mapActions()这个函数分发给actions的函数去处理。 ② actions的函数可以与后台交互，也可以通过 commit() 提交给mutations去处理。 ③ mutations 可以直接与devtool（如本地存储工具 → 在实例代码中的utils里的storageUtils.js）交互与直接更新state（数据状态）。 ④ 如果有计算属性（get函数写在getters里面），则状态通过getters的$store.getters()或

vuex--学习笔记（二）在组件中如何获取vuex的state对象中的属性

热门推荐

gavincz的博客

07-15

8万+

前言：本文主要用于帮助笔者和新人理解vuex的使用，因个人能力有限，有什么建议可以留言一起探讨。这里，我首先想说明的是：一切都是语法糖，如果在实际应用中，你有什么地方不太了解，那只是对某个语法糖不太了解而已！因此，要多看，多学，最重要的，是多实践！自己多敲几遍代码，也就熟悉了。接上文：vuex--学习笔记（一）初识在上文中，我们实际上已经接触过一种在组件中获取vuex的state对象中属性的方法，...

vue2.0之Vuex使用实例

x3002525的博客

08-18

4119

目录(?)[-] 一项目目录结构二mainjs中的相关配置三storejs文件来自CODE的代码片 snippet_file_0txt 四在vue页面中使用全局变量和函数之前在几个项目中都用到了Vuex，感觉对于全局状态的管理挺好用的。网上关于Vuex的资料不太多，在这里把项目中Vuex的使用分享下供大家参考。（一）项目目录结构

Vuex详解

猫老板的豆

06-12

3万+

一、简介我们来看看对Vuex比较专业的介绍： Vuex是一个专为Vue开发的应用程序的状态管理模式，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简而言之，Vuex采用类似全局对象的形式来管理所有组件的公用数据，如果想修改这个全局对象的数据，得按照Vuex提供的方式来修改（不能自己随意用自己的方式来修改）。二、优点 Vu...