位置: 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)(卡洛里山脉)

  • 自己企业生产的物料入库单由谁填写
  • 母公司处置子公司合并报表
  • 股票股利的资金来源
  • 资产负债表递延收益
  • 存货的初始计量应以取得存货的实际成本
  • 月末怎么计提税费
  • 工伤医疗费全赔吗
  • 没有抵扣的发票怎么入账
  • 银行承兑汇票怎么取钱
  • 不动产抵扣进项税
  • 厂家返利计提会计分录
  • 车间消耗品的会计分录
  • 公司从基本户转钱到一般户走流程?
  • 不良产品出库维护制度
  • 医院的重要性
  • 金税盘减免税额
  • 补上年所得税加滞纳金入哪个科目?
  • 公司改名字麻烦不
  • 销售方针有哪些
  • 没有库存先开票再发货
  • 资本公积盈余公积区别
  • 筹建期员工社保分录
  • 符合条件的小型微利企业减按多少的税率征收企业所得税
  • 返利销售会计处理办法
  • linux 如何查看网卡信息
  • linux怎么操作
  • 物业专项维修资金可以退还吗
  • 公司招的兼职员工怎么报个税
  • 微软surface售后电话人工
  • 核定企业应税收怎么算
  • php常用的设计模式在开发中的实例
  • 出国考察是什么意思
  • 企业弥补亏损明细表
  • 移动端h5页面适配
  • 资产减值损失会影响利润总额吗
  • php preg_quote
  • html入门基础
  • 【深度学习】pix2pix GAN理论及代码实现与理解
  • KITTI数据集可视化(一):点云多种视图的可视化实现
  • php判断文件是否存在的函数
  • 支付货物运费计入什么科目
  • 销项税太多
  • 房地产企业建筑成本
  • 怎么理解中国实际
  • 劳务报酬可以专项附加扣除吗
  • 自动执行python
  • 会员卡怎样批量生成
  • 己经认证的发票怎么作废
  • 当月纳税申报期是什么意思
  • 出租车发票可以改时间吗
  • 短期股票投资售出
  • 非独立核算门市部销售自产应税消费品
  • 翻唱歌曲发行至国外的好处
  • 高企数据造假
  • 律师事务所收取费用有标准吗
  • 公司班车费用如何入账
  • 管家婆软件如何做账?
  • 已经认证抵扣的发票,要退回,怎么处理
  • 出现销项负数
  • 工程款可以转入存折里吗怎么转
  • mysql5.7.21安装
  • sql动态表
  • win10小娜如何使用
  • Mail.app增强插件:Universal Mailer介绍
  • centos如何挂载镜像
  • Win10 PC RS2快速预览版14926更新与修复内容汇总
  • win7系统如何查找文件
  • win8控制面板怎么打开
  • win7系统重装后蓝屏
  • android开发范例实战宝典
  • unity用lua开发
  • javascript例题
  • 打印缴纳社保电子缴税凭证
  • 发票明细导入excel
  • 中介服务企业怎么注册
  • 银行手续费所得税是否可以税前扣除
  • 中国税务网官网1732171695993732.2418.61431871
  • 交医保显示已申报怎么办
  • 财税[2020]25号
  • 如何抵扣缴纳增值税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设