Vue中报错：“TypeError: Cannot read properties of undefined (reading ‘key‘)“

最新推荐文章于 2024-10-23 11:55:33 发布
原创 最新推荐文章于 2024-10-23 11:55:33 发布 · 1.2w 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #javascript

博客内容讲述了在开发过程中遇到的一个报错情况，即在循环中获取key值时出现undefined。作者列举了四个可能的原因：key值重复、拼写错误、Mock数据设置错误以及数据获取错误，并通过一个具体的例子说明了Mock.mock配置不正确（将getUser误写为getList）导致的页面崩溃问题。文章强调了仔细检查和理解数据结构的重要性。

报错如图：

原因：在循环的时候 取key值 没有取到 是undefined

排查原因：

1、是否key值重复

2、单词是否出现错误

3、Mock.mock(/user\/getUser/, 'get', userApi.getUserList)中是否出现错误（我就是把getUser写成了getList，导致页面崩溃，没有读取到key值）

  4、如果不是使用的mock，那么就看数据或者获取数据的地方哪里出现错误

解决TypeError: Cannot read properties of null (reading ‘xxx‘)的错误
念兮为美
03-14 8万+
解决TypeError: Cannot read properties of null (reading ‘xxx‘)的错误.
VUE遇到 vue.min.js:6 TypeError: Cannot read property ‘__ob__‘ of undefined 最简单粗暴的解决办法
小哈力----一个小前端工程师
07-16 4394
TypeError: Cannot read property ‘ob’ of undefined 解决方法 方法一： data(){} 改为data(){ return{}} 方法二： 直接删除掉 data(){} <script> export default { name: 'component10', props: { item: {} }, data(){} } </script> 问题分析 问题报错 ...
Vue报错：TypeError: Cannot read properties of undefined (reading ‘fullAddress‘)
m0_54630400的博客
03-02 6460
目录 1、报错信息： 2、错误代码： 3、错误原因： 4、改正方法： 1、报错信息： 无法读取未定义的属性 2、错误代码： Vue组件中的html: <span>{{ userDefaultAddress.fullAddress }}</span> Vue组件中的计算属性： computed: { ...mapState({ addressInfo: (state) => state.trade.address }),
vue TypeError: Cannot read properties of undefined (reading ‘key‘)
weixin_42524279的博客
08-10 9709
我遇到的情况是有一个下拉框，下拉数据是一个数组arrary,然后有两个单选按钮，选择的时候会过滤。data的数据，然后赋值给array,切换的时候报错。解决办法,在nextTick中赋值。
ts报错：TypeError Cannot read properties of undefined (reading ‘key‘)
m0_67401660的博客
03-08 2823
报错如下： 原因：拷贝了注册了组件的代码，然后删除组件的时候， 把整个@Component 删掉了 解决办法： 在export default class 前面加上 @Component @Component export default class AnnualTaxRebateSubsidyView extends Vue { } ...
Cannot read properties of undefined (reading ‘key‘)
weixin_52740695的博客
03-04 6642
Cannot read properties of undefined (reading ‘key‘)
vue渲染数据出现TypeError: Cannot read properties of undefined (reading ‘key‘)
最新发布
寂寥之秋
10-23 766
我这里是因为使用了iview的table，其中某一列需要树形控制展开，所以使用了tree的功能（组件功能链接：https://www.iviewui.com/view-ui-plus/component/form/table#tree），问题就出在rowKey上，我这里的rowKey字段是sn，然后children的数据因为和父级行数据是同一个数据的不同形式，所以也有相同的sn字段，所以造成了重复的rowKey，导致二次渲染数据时发生异常。
vue出现Error in render “TypeError Cannot read properties of undefined (reading ‘id‘)“的原因
web13618542420的博客
03-09 2662
学习Vue框架的时候，遇到这个报错： 案例：记事本 (1.0版本) 1. 模型： 2. 初始版本 学习Vue组件化的时候，有一个知识点是状态提升，当兄弟组件之间要进行通信的时候，有要操作的相关的数据的时候，将这些数据提升到共同的父容器中，以便进行操作。 当在 TodoInput 组件里面新增数据的时候，需要如图所示，经过App.vue这个父容器才能成功传递数据： 而这样传递，数据可以传递成功，但是TodoItem 组件不知道在何时才接收数据并创建新的组件，因为方法需要调用才能执行，而这样直接传送数
antd 菜单组件 使用时报错：Cannot read property ‘isRootMenu‘ of undefined
caperxi的博客
07-16 5703
项目中使用了antd ui框架，在使用Menu组件得SubMenu组件时报出以下错误： Uncaught TypeError: Cannot read property 'isRootMenu' of undefined 解决方案 1 在组件SubMenu上解构props renderItems(items: Array<any>) { return (items || []).map((item: any) => { if (item.chil
Cannot read properties of undefined (reading 'key')
08-20
- *2* [Vue中报错：“TypeError: Cannot read properties of undefined (reading ‘key‘)](https://blog.csdn.net/try_hard_more/article/details/125238949)[target="_blank" data-report-click={"spm":"1018.2226...
Cannot read properties of undefined (reading 'keyCode')
07-28
- *2* [Vue中报错：“TypeError: Cannot read properties of undefined (reading ‘key‘)](https://blog.csdn.net/try_hard_more/article/details/125238949)[target="_blank" data-report-click={"spm":"1018.2226...
Cannot read properties of undefined (reading 'createRouter'
08-29
- *3* [Vue中报错：“TypeError: Cannot read properties of undefined (reading ‘key‘)](https://blog.csdn.net/try_hard_more/article/details/125238949)[target="_blank" data-report-click={"spm":"1018.2226...
[Vue warn]: Error in nextTick: “TypeError: Cannot read properties of undefined (reading ‘key‘)“报错
m0_46678809的博客
10-10 2304
Cannot read properties of undefined (reading 'key') at checkDuplicateKeys (vue.runtime.esm.js?2b0e:6237:1) at updateChildren (vue.runtime.esm.js?2b0e:6178:1) at patchVnode (vue.runtime.esm.js?2b0e:6313:1) at VueComponent.patch [as __patch_
vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in nextTick: “TypeError: Cannot read properties of und
The_Lucky_one的博客
10-06 6428
vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in nextTick: "TypeError: Cannot read properties of undefined (reading 'key')"
Vue解决浏览找不到数据报错问题Cannot read properties of undefined(reading ‘数据名称‘)“
qq_44766377的博客
11-28 8603
这种问题一般有很多种触发情况 我这讲的是数据确实存在，只是vue没有监听到，虽然可以用 this.$set()解决，但事实我这问题比较特殊，没办法用this.$set() 我拿到数据后要根据数据在数据中添加不同的 img，所以无法用this.$set()添加数据。只能另辟蹊径 我选择的方法是 给要显示数据的地方加一个判断（v-if）,而判断值是由数据处理完成后才会变为 true，这样要显示数据的地方要等到数据处理完成后才能用到数据，这样就避免了报错，影响后面的某些代码运行，比如...
ts报错：TypeError: Cannot read properties of undefined (reading ‘key‘)
qq_16737187的博客
09-24 9809
报错如下： 解决办法： 在export default class 前面加上 @Component @Component export default class AnnualTaxRebateSubsidyView extends Vue { }
深入理解并解决Uncaught TypeError: Cannot read properties of undefined技术文章
热门推荐
理论都是虚的，代码才是王道。
11-10 11万+
Uncaught TypeError: Cannot read properties of undefined 是一个 JavaScript 运行时错误，它表示你试图访问一个未定义（undefined）对象的属性。这通常是因为你尝试访问一个不存在的变量或者对象的属性。在访问对象的属性之前，你应该先检查该对象是否已经定义。你可以使用typeof操作符来检查一个变量是否已定义。// 访问 myVariable 的属性。
Error in render: TypeError: Cannot read properties of undefined (reading‘‘)
qq_45796592的博客
04-18 8529
Error in render: TypeError: Cannot read properties of undefined (reading' ')报错解决
vue中报错Uncaught TypeError: Cannot read properties of undefined (reading 'addLayer')
11-30
如果你没有定义它，那么当你在组件中使用它时，就会出现“Cannot read properties of undefined”错误。 解决这个问题的方法是检查你的代码，确保你在组件的data或methods选项中定义了你使用的所有变量和方法。如果...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值