未设置初始值而报错：Error in render: “TypeError: Cannot read properties of undefined (reading ‘cartInfoList‘)“

最新推荐文章于 2024-02-06 16:43:55 发布
最新推荐文章于 2024-02-06 16:43:55 发布
阅读量1.8k 收藏 3
点赞数 5
文章标签： javascript vue.js 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Dzb1993/article/details/123280210
版权

这个错误归根到底  ， 就是没有设置对应的默认值 ，  如图 提示 cartInfoList 找不到，就是代表

cartInfoList 没有设置默认值，查找cartInfoList是在“谁”的下面访问的，把“谁”里面设置cartInfoList的默认值即可。

这里看到 访问的是shopcat仓库中 cartlist数组下的cartInfoList

 

在cartlist数组 下 给cartInfoList设置默认值即可解决

 

这里我们打印了一下 数组的第零项 为 undefined， 所以   undefined.cartInfoList 一定访问不到

【解决方案 】

给要访问的属性在设置一个默认值

例如 ： 我们要访问 cartlist[ 0 ].cartInfoList

我们就设置cartlist的默认值为 

 这时我们在打印 数组的第零项

 

 就不会出现 undefined  并且 可以访问到 cartInfoList

 

闪电松鼠~
关注
  • 5
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
renderdoc-rs：Rust的RenderDoc应用程序绑定
02-04
renderdoc-rs：Rust的RenderDoc应用程序绑定
Sawyer-zh#study-note#Vue-js路由报错TypeError-Cannot-read-property-c-
07-25
title: 'Vue.js路由报错:TypeError: Cannot read property ''_c'' of undefined'错误详情：像上面这
解决python多线程报错:AttributeError: Cant pickle local object问题
01-20
报错信息： Traceback (most recent call last): File “D:/flaskProject/test.py”, line 35, in test pool.apply(self.out, args=(i,)) File “Python37-32\lib\multiprocessing\pool.py”, line 261, in apply return self.apply_async(func, args, kwds).get() File “\lib\multiprocessing\pool.py”, line 657, in get raise se
ionic报错：Cannot read properties of undefined (reading ‘classList‘)
最新发布
KirK_的专栏
02-06 424
【代码】ionic报错：Cannot read properties of undefined (reading ‘classList‘)
Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用
10-17
主要介绍了Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
解决：[Vue warn]: Error in render: “TypeError: Cannot read properties of undefined (reading ‘matched‘)“
weixin_71403100的博客
05-03 1万+
出错的代码尝试访问一个叫做'matched'的属性，但是该属性所属的对象是undefined，导致抛出了TypeError异常。我是在App组件中使用了router，在main.js中引入和注册router的，检查发现在main.js中引入和注册的是。这个错误表示，App组件在渲染过程中尝试访问一个未定义的属性或方法，例如访问一个空对象的属性或调用一个未定义的函数。在main.js中引入和注册router，如下是正确写法👇。检查代码中是否有未定义变量或者空对象的情况👇。routes，并非router。
[Vue warn]: Error in render: “TypeError: Cannot read properties of undefined（reading“category1Name“
weixin_44359444的博客
09-28 1万+
[Vue warn]: Error in render: "TypeError: Cannot read properties of undefined（reading"category1Name")
Error in render: “TypeError: Cannot read properties of undefined (reading ‘commentsContent‘)“
qq_36149079的博客
07-20 5287
刚开始commentsArr还是一个空数组，渲染完后才异步加载带数据的数据。所以开始直接读取commentArr[0]时的对象并不存在，但是渲染完成后加载有数据的数据后又加载好了，于是可以获取到。问题出在这里，经过上网百度是说，在渲染时如果读取该对象的属性时，发现该对象不存在那么就会报错。添加一个v-if判断，判断commentArr[index]是否存在，不存在就不显示。...
修复报错 Error in render: “TypeError: Cannot read properties of undefined (reading ‘xxx‘)“
热门推荐
m0_51056513的博客
07-07 3万+
修复报错 Error in render: “TypeError: Cannot read properties of undefined (reading ‘xxx‘)“
【VUE踩坑记录】[Vue warn]: Error in render: “TypeError: Cannot read properties of undefined
LYQ
02-15 1万+
在渲染用户物品列表的时也能完整的渲染出对应的数据， 可是控制台却一直报错 [Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading 'categoryNums')"，具体错误如下图 错误翻译如下： 翻译的意思就是没有找着“categoryNums”这个对象的属性值。 捣鼓了一整子，发现是赋值的变量太长了，原来的赋值变量是一个三段式，而在VUE的渲染机制中，异步数...
wordpress：托管在Render上的Wordpress
02-05
wordpress：托管在Render上的Wordpress
[Vue warn]: Error in render: “TypeError: Cannot read properties of undefined (reading ‘length‘)“
编程洪同学
05-27 1831
[Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading 'length')"
Vue 报错 ： Error in render: “TypeError: Cannot read properties of undefined “
z_langjitianya的博客
02-21 2469
多层嵌套数据问题，未获取接口数据时优先加载了页面，并使用了多层嵌套的数据。在标签上增加一个 v-if ，等该数据加载完毕后加载标签。做项目时遇到一个报错。
[Vue warn]: Error in render: “TypeError: Cannot read properties of undefined (reading ‘matched‘)“
全栈科学家的博客
11-28 5236
vue中在路由那里你可能经常遇到[Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading 'matched')"的报错，导致页面无法显示的问题。
【Vue】- 报错 Error in render: “TypeError: Cannot read properties of undefined (reading ‘nickname‘)“
m0_55960697的博客
05-15 1万+
在created()钩子函数请求接口并报错数据，渲染在dom元素是可以正常渲染，但是在开发者工具中就会报错 Error in render: "TypeError: Cannot read properties of undefined (reading 'nickname')" 意思是 在created调用封装请求接口的函数 ，获取到的数据再给保存起来并渲染到dom元素，不过数据渲染之前 dom元素会先渲染一次到渲染获取到的数据。那么就会导致渲染获取的数据会未定义，没有这个属性/对象。 说通俗点就是.
[Vue warn]: Error in render: “TypeError: Cannot read properties of undefined (reading ‘0‘)“found in
前端如逆水行舟...
09-01 3263
大概率是向服务器请求的数据还没得到相应，也就是说你定义的数组或者对象根本不存在（由于服务器返回慢造成的），看这个例子...为什么？ 因为vuex不是永久存储的，一旦刷新就空了，想不报错，就一定先将定义的数据初始化，当服务器没有返回的时候根据具体情况初始一个数组或对象。...
[Vue warn]: Error in render: “TypeError: Cannot read properties of undefined (reading ‘city‘)“
Xiang_Gong_Ya_的博客
07-13 1355
虽然不影响功能，但是会出现报错vue中使用{{}} 插值表达，如果数据三层，只能解析在data中定义也就是vue实例上的对象子一层的东西，对孙一层就被解析成不在vue实例上的。 也就是报错的此属性不在vue实例上。后端内容返回之前，控制台会Cannot read property ‘xxx’ of undefined的错误。vue是异步请求。页面渲染刚开始的时候还没有拿到这个值，所以会报错。 在vue中对该值进行if判断(v-if = " ")。是否存在当该对象有值的时候再进行渲染。{{arr[1].cit
Error in render: “TypeError: Cannot read properties of undefined (reading ‘replace‘)“
老段的CSDN的博客
09-20 1537
这是可选链（Optional Chaining）操作符与replace方法的结合。可选链操作符允许在尝试访问深层嵌套的对象属性时不必明确验证每一层是否存在。.replace时，如果前面的对象是null或undefined，则整个表达式将返回undefined，而不会抛出错误。这可以避免在处理可能为空或不存在的对象时发生错误。这是字符串的replace方法，用于在字符串中替换匹配的子字符串。如果调用该方法的对象是null或undefined，则会抛出错误。
[Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading '_normalized')"
09-16
引用中提到，当在Vue项目中出现报错"[Vue warn]: Error in render: 'TypeError: Cannot read properties of undefined (reading '_normalized')'"时，可以使用以下方法解决： 方法一：检查渲染的模板中是否存在对未定义属性的引用。可以通过添加条件判断来避免访问未定义属性的错误，例如： ```html <span slot="title" v-if="tabsTree[0] && tabsTree[0].label">{{ tabsTree[0].label }}</span> ``` 方法二：在使用数据时添加判断，确保数据存在后再进行操作，例如： ```html {{ tabsTree[0]?.label }} ``` 方法三：在data中给变量设置初始值，这样可以避免在渲染时出现未定义的情况。但需要注意，这种方式可能会引发其他问题，需要谨慎使用，例如： ```javascript data() { return { tabsTree: [{ label: '' }] } } ``` 根据引用中的原因解析，这个错误可能是由于在组件渲染时，数据还未完全加载导致的。加入判断可以防止提前访问数据，从而避免报错的产生。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值