Vue报错：Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘skuId‘)“

背景:

当点击按钮时候，正常情况控制台的Network应该要发送一个变化量，现在控制台的Network不仅不显示，而且还报错，报错信息如下：

vue.runtime.esm.js?c320:619 [Vue warn]: Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'skuId')"

简单看了下，应该是模板找不到skuId这个变量

思路：

为了解决这个报错，我大致思考了一下：

1.定位报错行，看了代码，有用到报错提示的关键词“skuId”的地方，这一句代码是为了派发action

2.借助开发者工具检查是不是有skuId，可以看见确实有skuId这个值的

3.确定源头有数据，那么是不是我拿值的时候，没有拿到呢。为此，我打印语句：

handler(type,disNum,cart) {switch(type){case "add":disNum = 1;break;case "minus":// 判断产品的个数大于1，才可以传递给服务器-1//如果出现产品的个数小于等于1，传递给服务器个数0（原封不动）disNum = cart.skuNum > 1 ? -1 : 0;break;}console.log('带给服务器的变化量',disNum,cart);this.$store.dispatch('addOrUpdateShopCart',{skuId:cart.skuId,skuNum:disNum});},

可以看到此时的值是 undefined，也就是说，当我点击按钮的时候，传实参的值cart并没有传成功，cart是undefined，他下面的skuId自然就拿不到值了。

4.实参传不成功，那么是不是形参没有写好呢。一看，果然是，少了对应的形参。至此，修正报错得以解决。

总结：

因为做项目的时候，对于这种个例化的报错（也就是只有你一个知道自己正在写什么，跟别人解释还得费劲老半天，最后别人还不太能理解的报错）还是得从自身思考出发，才能有所长进。

Vue报错：Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘skuId‘)“相关推荐

解决Vue3报错：app.js:314 Uncaught TypeError: Cannot read properties of undefined (reading ‘forEach‘)
配置 vue3的时候,总是出现错误,但好像所有流程都是对的,也没错. 解决方案,可能是配置的routes写错了写成了routers
vue发送请求时遇到Uncaught (in promise) TypeError Cannot read properties of undefined(reading ‘randomExtend
最近在项目中遇到一个前端问题Uncaught (in promise) TypeError: Cannot read properties of undefined(reading 'randomEx ...
Vue 报错error:0308010C:digital envelope routines::unsupported
Vue 报错error:0308010C:digital envelope routines::unsupported 出现这个错误是因为 node.js V17版本中最近发布的OpenSSL3.0, ...
修复报错 Error in render: “TypeError: Cannot read properties of undefined (reading ‘xxx‘)“
请求接口时,能够完整渲染出整体界面无问题,但是一刷新所渲染的界面就没了,并且开发者工具报出"Error in render: "TypeError: Cannot read pro ...
Uncaught TypeError: Cannot read properties of undefined (reading ‘push’) ---- vue-router报错
坑点在使用vue-router@4的时候,由于vue3中没有this.router这个写法,所以我就将解构router方法,放在了函数中,由于函数有作用域就报了这个错误:Uncaught TypeE ...
react 谷歌浏览器报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘forEach‘)
运行react项目,报错: Uncaught TypeError: Cannot read properties of undefined (reading 'forEach')at Object.i ...
vue Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘comcode‘)
在查看信息时,界面没反应,然后查看控制台报错 index.vue?t=1680763420735:497 Uncaught (in promise) TypeError: Cannot read pr ...
vue路由跳转控制台出现：vue-router.esm.js?8c4f:2316 TypeError: Cannot read properties of undefined (reading ‘$c
vue路由跳转控制台出现:vue-router.esm.js?8c4f:2316 TypeError: Cannot read properties of undefined (reading '$c ...
vue 报错 Error: timeout of 5000ms exceeded
报错 Error: timeout of 5000ms exceeded 在确定后端代码没有问题,锁定前端修改 \src\utils 目录下的 request.js 修改timeout属性值有需要 ...

Vue报错：Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘skuId‘)“

Vue报错：Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘skuId‘)“相关推荐

最新文章

热门文章