位置: IT常识 - 正文

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

编辑:rootadmin
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‘)“(vue报错cannot read property),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue error in mounted hook,VUE报错不允许加载本地资源,VUE报错 内存资源不足,无法完成此操作,VUE报错 内存资源不足,无法完成此操作,VUE报错提示国际化,VUE报错提示国际化,VUE报错提示国际化,vue报错文件找不到,内容如对您有帮助,希望把文章链接给更多的朋友!

背景:

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

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

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

思路:

为了解决这个报错,我大致思考了一下:

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

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.实参传不成功,那么是不是形参没有写好呢。一看,果然是,少了对应的形参。至此,修正报错得以解决。

总结:

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

本文链接地址:https://www.jiuchutong.com/zhishi/287992.html 转载请保留说明!

上一篇:一亩地是多少平方米(一亩地是多少平方?)

下一篇:卡洛里盆地的合成全彩图,水星 (© NASA/Johns Hopkins University Applied Physics Laboratory/Carnegie Institution of Washington)(卡洛里山脉)

  • 红米手表2支持微信支付吗(红米手表2支持蓝牙通话吗)

    红米手表2支持微信支付吗(红米手表2支持蓝牙通话吗)

  • 网页怎么缩小放大(网页怎么缩小放大页面)

    网页怎么缩小放大(网页怎么缩小放大页面)

  • 探探匹配成功但是都不说话(探探匹配成功的人突然消失了)

    探探匹配成功但是都不说话(探探匹配成功的人突然消失了)

  • 电脑错误代码651怎么解决(错误代码0xc000014c开不了机)

    电脑错误代码651怎么解决(错误代码0xc000014c开不了机)

  • 华为nova6se怎么设置双系统(华为nova6se怎么关闭纯净模式)

    华为nova6se怎么设置双系统(华为nova6se怎么关闭纯净模式)

  • 拼多多只能一件一件买吗(拼多多只能一件件付款吗)

    拼多多只能一件一件买吗(拼多多只能一件件付款吗)

  • 红米6a储存卡放哪(红米手机内存卡)

    红米6a储存卡放哪(红米手机内存卡)

  • ipad3网速很慢什么原因(ipad网速太差了)

    ipad3网速很慢什么原因(ipad网速太差了)

  • ps怎么p掉多余的东西(ps怎么p掉多余的头发)

    ps怎么p掉多余的东西(ps怎么p掉多余的头发)

  • 手机yy怎么看等级(手机yy怎么看等级高低)

    手机yy怎么看等级(手机yy怎么看等级高低)

  • 抖音实名认证需要多久(抖音实名认证需要18岁以上吗)

    抖音实名认证需要多久(抖音实名认证需要18岁以上吗)

  • 苹果商店怎么没有小红书(苹果商店怎么没有滴滴出行了)

    苹果商店怎么没有小红书(苹果商店怎么没有滴滴出行了)

  • 网站更新需要注意的问题(网站信息更新要求)

    网站更新需要注意的问题(网站信息更新要求)

  • msdn下载的系统怎么安装

    msdn下载的系统怎么安装

  • win10总是莫名其妙卡死(win10总是莫名其妙卡住,鼠标动不了)

    win10总是莫名其妙卡死(win10总是莫名其妙卡住,鼠标动不了)

  • 微信打不开压缩文件(微信打不开压缩文件是怎么回事)

    微信打不开压缩文件(微信打不开压缩文件是怎么回事)

  • ios12地图3d怎么打开(ios地图如何3d)

    ios12地图3d怎么打开(ios地图如何3d)

  • 硬件检测不到独立显卡(硬件检测检测不到独显)

    硬件检测不到独立显卡(硬件检测检测不到独显)

  • 苹果怎么锁定后台(iphone如何锁定)

    苹果怎么锁定后台(iphone如何锁定)

  • 穿越视频怎么拍(穿越视频怎么拍摄)

    穿越视频怎么拍(穿越视频怎么拍摄)

  • 美图秀秀怎么p字带拼音(美图秀秀怎么p掉多余的人)

    美图秀秀怎么p字带拼音(美图秀秀怎么p掉多余的人)

  • 怎样修改qq密码(怎样修改qq密码和帐号)

    怎样修改qq密码(怎样修改qq密码和帐号)

  • 怎样删除微信群里的图片和视频(怎样删除微信群公告里的图片)

    怎样删除微信群里的图片和视频(怎样删除微信群公告里的图片)

  • nethogs命令  实时统计网络带宽使用率工具(net命令详解步骤)

    nethogs命令 实时统计网络带宽使用率工具(net命令详解步骤)

  • python每行输出五个数(python每行输出五个且对齐)

    python每行输出五个数(python每行输出五个且对齐)

  • 阴影进阶,实现更加的立体的阴影效果!(阴影等级是什么)

    阴影进阶,实现更加的立体的阴影效果!(阴影等级是什么)

  • 税金及附加现金流量表
  • 税控盘维护费280多久可以抵扣
  • 费用先付款后收到发票做账
  • 合同每三个月付一次款
  • 环保科技属于什么行业类别
  • 欠缴税款会给纳税证明吗
  • 税收的六大作用
  • 供货商对账单跨月返利怎么做账?
  • 自建的固定资产入账价值具体包括哪些
  • 以现金形式发工资的说明范文
  • 承包费收入计入什么科目
  • 固定资产处理申请
  • 电子商务平台支付的区别
  • 企业核定征收的好处
  • 增值税电子普通发票可以抵扣吗
  • 小规模增值税专票税率
  • 员工报销费用
  • 成本分析总结报告
  • 跨月发票作废怎么红冲
  • 损失与费用的区别
  • 印花税减免税额需要做账吗
  • 已经认证的发票怎么冲红
  • 电脑输入法切换键怎么设置
  • 净资产利润比率计算公式
  • 其他债权投资有哪些明细科目
  • 可以关闭系统的快捷键
  • 小程序嵌入h5页面可以不写安全地址吗为什么
  • 在公司发明的东西专利权归谁
  • 金鱼花的养殖方法与注意事项
  • 帝国cms标签调用大全
  • php的什么函数可以判断变量是否存在
  • 企业所得税季初数怎么填
  • 补计提去年所得税费用会计分录
  • 多表联动查询
  • php数组实现
  • 93.transformer、多头注意力以及代码实现
  • 什么叫web渗透测试
  • 确认收入的五个原则
  • 计提租金怎么做会计分录
  • 短期借款的会计科目
  • 小微企业会计制度是什么
  • redis的
  • 财务费用手续费在借方还是贷方
  • sql自定义
  • sql for in
  • 防伪税控开票系统年费
  • 其他收益属于什么类科目
  • 无追索权保理的例外
  • 发货快递费多少钱
  • 承兑汇票贴现利息会计分录
  • 银行代扣水费分录
  • 冲销预付账款怎么填记账凭证
  • 运费未付的会计分录怎么做
  • 如何把数据导入mysql中
  • linux如何读
  • windows server 2008 r2有哪些特点
  • 如何安装vmware10
  • solaris netstat
  • cmos设置密码开机密码
  • psimsvc.exe - psimsvc是什么进程 有什么用
  • Omniserv.exe - Omniserv是什么进程 有什么用
  • vim配置语法高亮
  • android:Background线程池和UiThread线程池
  • node.js nvm
  • Python安装包
  • fiori开发工具
  • 安卓手机管家如何卸载
  • jquery 异步加载
  • 使用SQLite本地数据库
  • bootstrap快速入门
  • JavaScript冒泡排序都不会写
  • 你不需要知道我是谁,祖国知道我
  • js文本框只能输入字母
  • jquery实例
  • 仓储物流企业的双控是指什么
  • 国家税务总局公告2017年第21号
  • 税率的分类有哪些
  • 劳务报酬所得个人所得税计算方法
  • 单位轿车出售怎么处理
  • 农产品进项税额核定扣除办法
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设