vuex mutations报错：Error in v-on handler: “TypeError: this.HotCity is not a function“

最新推荐文章于 2023-04-12 10:48:30 发布
原创 最新推荐文章于 2023-04-12 10:48:30 发布 · 1.8k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js

本文档介绍了在Vue组件中遇到`TypeError: this.HotCity is not a function`错误的解决方案。错误通常由于方法引用不正确或加载顺序问题引起。检查HotCity方法的拼写，并确保在使用前正确导入或定义。如果问题仍然存在，尝试将`methods`中的`...mapMutations(['HotCity'])`移动到方法定义的上方，以解决加载顺序导致的错误。

问题：

Error in v-on handler: "TypeError: this.HotCity is not a function"

TypeError: this.HotCity is not a function at VueComponent.changeHot

解决办法：

首先检查一下看是不是拼写错误，如果不是拼写错误就将methods中的...mapMutations(['HotCity']),移到方法的上面去就好了，加载先后的问题。我之前把它写在了下面。。

如图：

Adasunshine
关注
vuex 解决报错this.$store.commit is not a function的方法
10-17
当遇到 `this.$store.commit is not a function` 的错误，通常是因为在尝试调用 Vuex 中的 mutation 方法时，没有正确地配置或引用 store。 首先，我们需要确保正确安装了 Vuex。通过运行 `npm install vuex --save...
vuex-mint-ui-rem-template:vuex+mint-ui+rem自适应 template
05-19
【vuex-mint-ui-rem-template】是一个基于Vue.js、Vuex、Mint-UI和REM单位的响应式模板项目，旨在为开发者提供一个快速搭建移动端应用的基础框架。这个项目结合了状态管理库Vuex、组件库Mint-UI以及移动端适配方案，...
VUE 常见问题汇总
一个有故事的胖子
12-19 3735
问题汇总 Q:安装超时(install timeout) 方案有这么些: cnpm : 国内对npm的镜像版本   /* cnpm website: https://npm.taobao.org/ */   npm install -g cnpm --registry=https://registry.npm.taobao.org     ...
Vuex
weixin_44574502的博客
12-22 351
安装 npm install --save vuex 使用 {{ this.$store.state.username }} {{ $store.state.username }} {{ $store.state.gender ? '男' : '女' }} {{ $store.state.obj.username }} <p v-for="(item,key) in $store.state.arr" :key="key"> 商品名称：{{ item.p
vendor.js? [Vue warn]: Error in event handler for “xxx“: “TypeError: this.xx is not a function
代码是贝多芬的音符
05-19 4269
vendor.js? [Vue warn]: Error in event handler for "xxx": "TypeError: this.xx is not a function 使用了uni.on()和uni.on()和uni.on()和uni.emit()自定义事件来传递参数 uni.$emit('update',{msg:'登录成功'}) uni.navigateBack({ }) uni.$on('update', function(data){
vuex mapMutations报错vuexError in v-on handler: “TypeError: xxx is not a function“
weixin_51143190的博客
06-07 1285
vuex mapMutations报错vuexError in v-on handler: "TypeError: xxx is not a function"
Uncaught TypeError: _Vue.component is not a function meteor1.8.3 vue
yuan_618859的博客
12-24 5719
Meteor1.8.3 vue 升级到meteor1.8.3之后，在浏览器打开时发现了报错Uncaught TypeError: _Vue.component is not a function 一、先给出我的解决办法 在根目录新建一个imports的文件夹，只要将所有的vue文件从client里面剪切到imports文件夹里面即可。估计是meteor官方又改变了文件的存放目录而引起的。如下图 ...
Vuex-class：Vue与vuex-class-component的集成工具
通过使用 Vuex-class，开发者能够更简洁和直观地在使用 TypeScript 的 Vue 组件中访问 Vuex store 中的 state、getters、actions 和 mutations。 #### Vuex 的作用 Vuex 是 Vue.js 的一个官方状态管理库。它主要...
vuex-reset:一个Vuex插件，可以轻松地将初始状态恢复到商店
05-13
@ ianwalter / Vuex重置 一个插件，可以轻松地将初始状态恢复到商店 资源 安装 pnpm add @ianwalter/vuex-reset 用法 import VuexReset from '@ianwalter/vuex-reset' const store = new Vuex . Store ( { plugins ...
解决this._data.$$state...“Error: [vuex] do not mutate vuex store state outside mutation handlers.“ 报错
Lora_0925的博客
05-20 2496
今天遇到了这样一个报错： [Vue warn]: Error in callback for watcher "function () { return this._data.$$state; }": "Error: [vuex] do not mutate vuex store state outside mutation handlers."javascript:void(0) 使用场景是这样的： this.$store.commit("business/set_state",
mutations vuex 调用_vuex源码解析
weixin_34536454的博客
01-01 326
本文将以代码 + 注释的方式讲解vuex的实现在开始之前，我们先看一个vuex的使用举例import Vue from 'vue' import Vuex from 'vuex' import App from './App.vue' Vue.use(Vuex) const store = new Vuex.Store({ state: { count: 0 }, act...
mutations vuex 调用_Vuex源码解析
weixin_33146151的博客
01-01 298
“ 为方便理解，本文中提及的store为Store的实例，promise为Promise的实例源码的大致实现流程如下图： 在正式阅读Vuex源码之前，我们先实现一个简易版的Vuex来帮助我们理解“ 本文源代码：href="https://github.com/wangkaiwd/vuex-implement/blob/master/src/myVuex/index.js">简易版Vuexhr...
Vue进阶（四十三）：Vuex之Mutations详解
IT全栈 华强工作室
04-09 1万+
通俗的理解mutations,里面装着一些改变数据方法的集合，这是Veux设计很重要的一点，就是把处理数据逻辑方法全部放在mutations里面，使得数据和视图分离。 2.怎么用mutations？ mutation结构：每一个mutation都有一个字符串类型的事件类型(type)和回调函数(handler)，也可以理解为{type:handler()},这和订阅发布有点类似。先注册事件，当触发...
vue报错：Error in event handler for click ，TypeError: Cannot read property ，resetFields， of undefine
热门推荐
醉梦洛的博客
05-23 2万+
1.报错截图 2.报错出现的场景 将新增和更新放在一个页面操作的时候就会出现这个问题 3解决办法：
[Vue warn]: Error in event handler for “click“: “TypeError: value is null“
亦碎流年的博客
08-18 1万+
1.VUE页面点击修改的时候，修改不了，F12报以下错误 2.起初以为是我新加的两个字段导致的，没注意错误信息，实际上就是specProvince值null导致的 3.点击2中specProvince，会跳转至“无障碍环境”和“应用程序”： 错误就是这个校验导致的，值为null直接报错了 4.解决办法： 判断报错的值是不是null 是null赋值"" this.dataForm.specialProvince = data.logicUserHope.specialProvin.
[Vue warn]: Error in event handler for “el.form.change“: “TypeError: dateObject.getTime is not a fun
前端小白的逆袭
11-01 3920
[Vue warn]: Error in event handler for "el.form.change": "TypeError: dateObject.getTime is not a function"
VUE 报 Error: [vuex] vuex requires a Promise polyfill in this browser.
echo_Ae的博客
10-23 2326
SCRIPT5022: [vuex] vuex requires a Promise polyfill in this browser. 出现这样的报错 npm install --save-dev babel-polyfill 然后去到main.js引入 import 'babel-polyfill'
uni-app运行出现TypeError: (0 , _shop.default) is not a function报错的解决方式
小杨的博客
11-24 4179
import的格式写错了，导入方法的时候，方法应该用大括号括起来；导入组件时则不需要，例如。
vue3.2父组件调用子组件方法报TypeError: xxxx is not a function
luozaiyong的博客
04-12 2340
vue3.2父组件调用子组件方法报 xxx is not a function。
vuex [Vue warn]: Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'dispatch')"
最新发布
04-18
Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态一致性。 Vuex的核心概念包括： 1. State（状态）：存储应用程序的状态数据。 2. Getters...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值