this.$store.dispatch() 无法获取到数据是什么情况

最新推荐文章于 2024-04-14 02:39:47 发布
最新推荐文章于 2024-04-14 02:39:47 发布
阅读量2.1k 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/alloy_fish/article/details/120008486
版权

vue

请问各位大神，有木有出现过这种情况，获取了两个，为啥前面一个数据能看到，而后面的没有呢

详细请看图  。。。

 

 

 

嘉鱼rrr
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
VUE:vuex 用户登录信息的数据写入与获取方式
12-13
整体思路： 前台获取用户数据，向后台发送post请求，验证成功后 前台接受数据，改变用户登录状态 将登录状态及用户数据写入到state中 这样多个页面就可以直接使用this.$store.getters.getuname调用state中的用户信息 1. 向后台发送请求，若成功返回用户名，密码，使用 this.$store.dispatch(‘setLogin’, true);将数据写入到state中 页面：login.vue 代码： this.loginData = await getUserInfo(this.uname,this.pwd); console.log(this.l
vue.js 子组件无法获取父组件store值的解决方式
10-16
然而，在实际开发过程中，可能会遇到子组件无法直接获取到父组件通过Store更新的状态值的问题。本文将深入探讨这个问题，并提供一种解决方案。 首先，我们要明白Vue的组件通信原则。在默认情况下，子组件是无法直接...
获取vuex store.dispatch返回值的问题
热门推荐
supramolecular的博客
10-25 1万+
 在需要dispatch的函数里,添加return Promise.resolve(返回值) // 用户名登录 LoginByUsername({ commit }, userInfo) { const username = userInfo.username.trim() var md5 = crypto.createHash("md5") md5.update(userInfo...
vue中 Error in mounted hook: “TypeError: this.$store.$dispatch is not a function“ 报错问题解决方案
m0_64453243的博客
06-01 2760
vue中 Error in mounted hook: "TypeError: this.$store.$dispatch is not a function" 报错问题解决方案
忘记把store挂载到全局main.js，就直接使用this.$store.dispatch去调用active里方法出错
m0_73585941的博客
10-15 651
记得去查看main.js中是否挂载了store,没有挂载就会出错。所以去挂载后在执行就好了。
在Vue中使用this.$store一直报错
像风一样自由
08-11 1254
在Vue中使用this.$store一直报错
uniapp如何在任意一个js文件获取$store数据（因为存在某页面this指向不是vue实例，所以无法使用this.$store）
柑橘乌云_
06-13 1114
可以采用。
详解vuex数据传输的两种方式及this.$store undefined的解决办法
12-09
本文将详细解析 Vuex 的两种数据传输方式以及如何解决 `this.$store` 未定义的问题。 首先，我们要明确 Vue 中的模块导入规则。在 JavaScript 中，import 语句中的模块名是区分大小写的。因此，当你尝试 `import ...
vuex中store存储store.commit和store.dispatch的用法
10-15
this.$store.dispatch('isLogin', true); ``` 同样，你将在 Vuex store 中定义对应的 action： ```javascript const actions = { isLogin({ commit }, isLoggedIn) { if (isLoggedIn) { // 这里可以执行异步...
vuex actions传递多参数的处理方法
12-10
this.$store.dispatch('delTask', {task, index}); ``` 在`actions`中，我们可以这样接收这些参数： ```javascript // 使用ES2015解构赋值 delTask: function (store, {index, task}) { let url = '...
vue 解决vue中页面刷新之后store中数据丢失问题
且听风吟的博客
09-30 5641
在vue中使用store时，发现刷新页面之后，store中的数据丢失了。 taskId: this.$store.state.lockTask.currentTaskId 刷新页面之前： 刷新页面之后： 原因： 刷新页面时，vue实例重新加载，从而，store也被重置了。 store是用来存储组件状态的，而不是用来做本地数据存储的。 所以，对于不希望页面刷新之后被重置的数据，我使用了本地存储...
一行代码解决vue3+ts中使用this.$store报错找不到‘$store‘
u011075697的博客
08-23 727
之前没认真读vuex的文档，随便看了一下就开始写了，写到一半遇到了ts报错找不到$store的问题（然后自动补全和智能提示也都熄火了，很烦），试了增加各种.d.ts都没用，最后看到文档里面说了，其实可以直接用useStore来访问store……给后来人提个醒，一定要多看文档！
前端：this指针问题，uniapp出现Cannot read property ‘dispatch‘ of undefine
最新发布
2301_80820432的博客
04-14 472
主要的报错地方在以上标红地方，主要是调用vuex的store里面的方法报的错误，使用vuex并没有错误，错误的是this指向问题。出现错误的原因是我用了微信uniapp提供的api，uni.login和uni.getIserProfile两个方法，这会导致指针已经不再指向vue实例，而是指向回调函数本身。uni.getUserProfile({ lang: 'zh_CN', desc: '用于核对员工注册资料信息', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写。以下是代码初始展示。
vuex中的dispatch传参数的问题
qq_32648423的博客
02-02 5331
这里直接上demo 在 demo.vue中 ... {{listData.name}} ... ... export default{ ... computed:{ listDatas(){ listDatas(){ return this.$store.state.listDatas; } } }, methods:{ toStore(listDatas){ this.$store.dispatch('TOSTORE',{listDatas:listDatas})
解决Electron store的commit和dispatch不好使的问题
梦和远方的博客
08-14 2440
解决Electron store缓存不好使的问题Vue 的Vuex 一般vue的commit和dispatch可以直接使用，然后到了桌面程序的Vuex（store）竟然不好使了，原因真是奇葩无比。一、Electron使用store的dispatch问题二、解决方法有两个方法1、在 store/index.js 里面，就是上文特别强调了的那个文件，去掉或注释 createSharedMutations 插件方法2、如果需要多进程来处理怎么办？`看第 3 条`使用方法 Vue 的Vuex 一般vue的commi
vuex通透了
Xiang_Gong_Ya_的博客
11-05 165
目录结构 1.index.js import Vue from 'vue' import Vuex from 'vuex' import user from './modules/cart.js' import screen from './modules/products.js' Vue.use(Vuex) const store = new Vuex.Store({ state: { username: '', age: 0, // 页面中通过this.$store.state.use
Vue Vuex 中mutations 与 actions 返回值问题
嘿嘿
08-20 1780
Vuex 是中大型项目必备状态管理器，具体使用参考官网 这里说一下关于返回值的问题： 1.actions 方法中的返回值 由于在actions中写的方法是异步执行的，往往我们需要给方法加一个Promise的返回值，以便上层访问者回调，这里的返回值会直接作为dispatch方法的返回值返回。 常见的写法如下： this.$store.dispatch('name', payload).then(res => { // 这里的then就是actions方法中返回的promise被作.
根据 vuex 的 this.$store.dispatch() 返回值 处理逻辑
aof26372的博客
05-28 1万+
1. App.vue const ret = await this.$store.dispatch('userLogin', { username: this.curUserName, password: this.curPassword }) if (ret &&amp...
vue中在vuex里面的this.$store.dispatch方法
weixin_49826079的博客
02-24 2891
vuex中如何模块化使用this.$store.dispatch（）方法
this.$store.dispatch作用
09-19
### 回答1： this.$store.dispatch是Vuex中的一个方法，用于触发一个action。action是Vuex中用于处理异步操作的一种机制，它可以包含一些异步操作，如请求数据、定时器等。通过dispatch方法触发action，可以将异步操作的结果提交给mutation，进而更新state中的数据。这样，就可以实现在Vue组件中对Vuex中的数据进行修改和更新。 ### 回答2： this.$store.dispatch作用是用来触发store中的actions。在Vue中，我们使用Vuex来管理应用的状态，而actions是Vuex中用来处理异步操作和提交mutations的。通过使用this.$store.dispatch，我们可以调用actions中的方法来执行异步操作。 this.$store.dispatch的语法是this.$store.dispatch(actionName, payload)，其中actionName是需要调用的actions的名称，payload是传递给actions的参数。调用this.$store.dispatch会返回一个Promise对象，可以通过.then()或者.async/await来处理异步操作的结果。 使用this.$store.dispatch可以在组件中触发相应的actions，执行一些异步操作，例如发送网络请求、获取后台数据等。通过传递payload可以向actions传递一些需要的参数，actions根据不同的情况进行相应的处理。在actions中，可以通过commit方法来提交mutations，更新store中的状态。 总结起来，this.$store.dispatch的作用就是用来触发actions，在Vue应用中进行异步操作和提交mutations的处理。它是在组件中调用的，通过传递不同的actionName和payload来实现不同的操作，可以处理各种复杂的业务逻辑。使用this.$store.dispatch可以很好地实现应用的状态管理和异步操作的控制。 ### 回答3： this.$store.dispatch 是在 Vuex 中用来触发一个 action 的方法。在 Vuex 中，actions 专门用来处理异步逻辑，比如发起一个异步请求获取数据，然后将数据提交到 mutations 中进行状态的更新。 使用 this.$store.dispatch 方法可以在组件中触发一个 action，将数据或者其他需要处理的逻辑传递给该 action。通过 this.$store.dispatch 方法，我们可以将组件与 Vuex 的 actions 进行关联，实现组件与状态管理的交互操作。 在组件中使用 this.$store.dispatch 方法时，需要传入一个 action 的名称作为参数，该名称对应 Vuex store 中定义的 actions 中的方法名。可以通过 this.$store.dispatch('actionName') 来触发对应的 action。 在 action 中可以进行一系列的异步操作，比如发起网络请求、处理其他异步逻辑等。当异步操作完成后，可以通过调用 mutations 中的方法来更新 state 中的数据。 总结起来，this.$store.dispatch 方法的作用就是触发 actions 中的一个方法，通过该方法进行异步操作，并最终通过 mutations 来更新 state 中的数据。通过这种方式，可以实现组件与状态管理之间的交互与通信。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值