vue使用$store.commit() undefined报错

最新推荐文章于 2024-08-28 19:47:21 发布
最新推荐文章于 2024-08-28 19:47:21 发布
阅读量1.4k 收藏
点赞数
分类专栏： 解决问题 文章标签： uniapp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Da_Xiong000/article/details/125768353
版权

vue使用$store.commit() undefined报错

在项目里打算把设备信息通过$store.commit()保存下来， 发现报错了，后来发现是我们没有在全局中配置store
在这里插入图片描述
在这里插入图片描述

在main.js中引一下，就可以通过this.$store用了

大雄不是大熊
关注
专栏目录
踩坑：vue-router使用全局守卫时$router.push返回undefined
Yuki_Aruki的博客
06-28 2179
在写项目的登陆页面时，需要用到全局守卫：router.beforeEach 最初写的代码大致如下： 使用$router.push()时抛出错误undefined，看了很多大佬们的解决方法，但是应该都不太适配这个问题 既然只有配置守卫后才出现undefined，那大致是守卫改变了$router本身的指针，使得无法调用（this的位置不对）这里使用了一个图方便的方法，不对login界面进行守卫监听，因此在login页面进行push后会直接进行跳转，不再受router.beforeEach的影响，代码如下：...
uniApp 使用Vuex 出现 Cannot read properties of undefined (reading ‘commit‘)情况
m0_67402236的博客
03-08 3479
最近下手uni app 尝鲜 想到vue全家桶的使用，vuex是必不可少的。使用实例使用完按照文档方法使用，发现了一个问题。 在调用vue自定义的commit函数是会报错。Cannot read properties of undefined (reading ‘commit’) 说是找不到，就在该函数外部打印输出发现是存在的，函数内的 通过this.$store取值为undefined。问题就找到了。 其实解决方案就是不使用this实例的属性，上面使用import导入了一个store，这个就是定义的内
vuex 解决报错this.$store.commit is not a function的方法
12-08
Vue的项目中，如果项目简单， 父子组件之间的数据传递可以使用 props 或者 $emit 等方式 进行传递 但是如果是大中型项目中，很多时候都需要在不相关的平行组件之间传递数据，并且很多数据需要多个组件循环使用。这时候再使用上面的方法会让项目代码变得冗长，并且不利于组件的复用，提高了耦合度。 Vue 的状态管理工具 Vuex 完美的解决了这个问题。 看了下vuex的官网，觉得不是很好理解，有的时候我们只是需要动态的从一个组件中获取数据（官网称为“组件层级”：是个独立的控件，作用范围只在组件之内）然后想放到一个被官网称作“应用层级”（在项目的任意地方都可以随时获取和动态的修改，在修改之后，v
Vue3 中使用 Vuex Store 进行状态管理
最新发布
前端学步
08-28 603
通过上述步骤，我们已经成功地在 Vue3 应用中集成了 Vuex，并实现了基本的状态管理。这只是一个简单的例子，实际应用中可能需要更复杂的逻辑和更多的状态管理需求。希望这篇文章能为你提供一个良好的起点！
已解决 TypeError: this.$store.commit is not a function (Vue)
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
09-17 1191
嗨，大家好，我是猫头虎博主！今天我要和大家分享一些关于Vue前端开发中遇到的一个令人头疼的Bug：TypeError: this.$store.commit is not a function。在这篇博客中，我将详细解释这个Bug的原因，提供解决方法，并分享如何避免它。让我们一起深入探讨吧！😺在Vue.js前端开发中，出现TypeError: this.storecommitisnotafunction错误可能会令人烦恼。然而，通过正确配置Vuex。
关于this.$store为undefined
m0_51754096的博客
11-10 1035
vuex和vue的版本一定要匹配
vue中全局路由守卫中替代this操作(this.$store/this.$vux)
10-15
// 这里你可以使用store.state, store.commit, store.dispatch等 }) ``` 这样，我们就可以直接在路由守卫中访问Vuex store，而无需依赖`this`。 3. **使用箭头函数**： 另一种解决方法是使用箭头函数来定义...
vuex3源码注释系列 /src/store.js
qq_36723759的博客
03-16 918
import applyMixin from "./mixin"; import devtoolPlugin from "./plugins/devtool"; import ModuleCollection from "./module/module-collection"; import { forEachValue, isObject, isPromise, assert, partial } from "./util"; let Vue; // bind on install /*** * V
Vue前端项目-首页-获取角色
踏 浪的博客
03-26 5144
目录 Vue端代码 1、前端守卫设置 2、Vuex中定义getter 3、新建 getters.js 文件 4、定义GetInfo 方法获取用户角色信息 5、获取用户信息API 6、请求拦截器 SpringBoot 端 1、Controller层 2、Service 层 3、Mapper接口 4、映射描述文件 描述: 当我们登陆完成后,进去到首页, 在重定向到首页之前...
浅谈Vuex的this.$store.commit和在Vue项目中引用公共方法
11-20
1、在Vue项目中引用公共方法 作为一个新人小白，在使用vue的过程中，难免会遇到很多的问题，比如某个方法在很多组件中都能用的上，如果在每个组件上都去引用一次的话，会比较麻烦，增加代码量。怎么做比较好呢，话不多说直接看代码把 首先 要在main.js中引入公共js。然后，将方法赋在Vue的原型链上。 像图中这样。 然后在需要的组件上去引入这个方法 mouted (){ //调用方法 this.common.login(); } /**然后公共方法里写一段简单的代码*/ export default{ login:function(){ console.log('这是一段代码') } }
猫头虎分享已解决Bug || TypeError: this.$store.commit is not a function in Vue
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
02-08 1122
在这篇博客中，我将详细解释这个Bug的原因，并提供一系列解决步骤。准备好跟随我一起深入Vue的世界，解决这个棘手的问题了吗？让我们开始吧！🐾💻问题类型原因解决方案预防措施TypeErrorVuex未正确初始化检查Vuex安装和初始化代码代码审查，确保初始化代码正确TypeError作用域问题使用正确的作用域确保this指向Vue实例在回调中使用箭头函数或其他方法绑定thisTypeError方法名或调用方式错误核对mutation名称和调用方式代码审查和单元测试。
使用vuex的时候，出现this.$store为undefined
yanguo110的博客
07-08 3万+
使用的场景： 在open_show中调用update_info的时候出现undefined 解决的思路： 刚开始接触vuex，碰到这个问题，首先就是搜索一下，别人的一般都是this.$store.state为undefined，还是没有什么思路，然后我看了一下项目中别人写的代码中就可以调用，再看下目录，难道和目录有关，试了一下，并没有什么作用，就换种思路，打印了一下this，发现this...
打印this.$store显示undefined
xu568110526的博客
03-08 307
打印this.$store显示undefined
解决vue不相关组件传递数据并保存（state），解决报错this.$store.commit is not a function
gang456789的博客
09-12 5995
1。在src文件下创建一个store文件，里面加入一个store.js文件 。内容大致为import vuex from 'vuex' import Vue from 'vue' Vue.use(vuex) export default new vuex.Store({ /*state必须*/ state:{ user:{} }, mutations
解决vue不相关组件之间的数据传递----vuex的学习笔记，解决报错this.$store.commit is not a function...
weixin_30908103的博客
02-23 2152
Vue的项目中，如果项目简单， 父子组件之间的数据传递可以使用 props 或者 $emit 等方式 进行传递 但是如果是大中型项目中，很多时候都需要在不相关的平行组件之间传递数据，并且很多数据需要多个组件循环使用。这时候再使用上面的方法会让项目代码变得冗长，并且不利于组件的复用，提高了耦合度。 Vue 的状态管理工具 Vuex 完美的解决了这个问题。 看了下vuex的官网，觉得...
小白VUE学习笔记3：Vuex的this.$store.commit和在Vue项目中引用公共方法
热门推荐
爱吃牛肉的政
11-22 3万+
1、在Vue项目中引用公共方法 作为一个新人小白，在使用vue的过程中，难免会遇到很多的问题，比如某个方法在很多组件中都能用的上，如果在每个组件上都去引用一次的话，会比较麻烦，增加代码量。怎么做比较好呢，话不多说直接看代码把 首先 要在main.js中引入公共js。然后，将方法赋在Vue的原型链上。像图中这样。 然后在需要的组件上去引入这个方法 mouted (){ //调用方法 ...
解决Electron store的commit和dispatch不好使的问题
梦和远方的博客
08-14 2665
解决Electron store缓存不好使的问题Vue 的Vuex 一般vue的commit和dispatch可以直接使用，然后到了桌面程序的Vuex（store）竟然不好使了，原因真是奇葩无比。一、Electron使用store的dispatch问题二、解决方法有两个方法1、在 store/index.js 里面，就是上文特别强调了的那个文件，去掉或注释 createSharedMutations 插件方法2、如果需要多进程来处理怎么办？`看第 3 条`使用方法 Vue 的Vuex 一般vue的commi
如何解决vue报错TypeError: Cannot read properties of undefined (reading '$store')
12-21
在Vue中，当出现"TypeError: Cannot read properties of undefined (reading '$store')"这个错误时，通常是因为没有正确地引入和使用Vuex。Vuex是Vue的状态管理库，用于在组件之间共享和管理数据。 要解决这个错误，你可以按照以下步骤进行操作： 1. 确保已经正确安装了Vuex。你可以通过在终端中运行以下命令来安装Vuex： ``` npm install vuex ``` 2. 在你的Vue项目中创建一个Vuex store。在项目的根目录下创建一个名为`store.js`的文件，并在其中定义你的Vuex store。以下是一个简单的示例： ```javascript // store.js import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); export default new Vuex.Store({ state: { // 定义你的状态 }, mutations: { // 定义你的mutations }, actions: { // 定义你的actions }, getters: { // 定义你的getters } }); ``` 3. 在你的Vue项目的入口文件（通常是`main.js`）中引入并使用Vuex。在入口文件中添加以下代码： ```javascript // main.js import Vue from 'vue'; import App from './App.vue'; import store from './store'; new Vue({ store, // 将Vuex store 注入到Vue实例中 render: h => h(App) }).$mount('#app'); ``` 4. 在你的组件中使用Vuex。在需要使用Vuex的组件中，你可以通过`this.$store`来访问Vuex store。确保你在组件中正确地使用了`this.$store`，而不是`$store`。以下是一个示例： ```javascript export default { computed: { count() { return this.$store.state.count; // 访问Vuex store中的状态 } }, methods: { increment() { this.$store.commit('increment'); // 调用Vuex store中的mutation } } } ``` 通过按照上述步骤正确配置和使用Vuex，你应该能够解决"TypeError: Cannot read properties of undefined (reading '$store')"这个错误。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大雄不是大熊

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值