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

最新推荐文章于 2024-04-18 09:15:35 发布

try again honey

最新推荐文章于 2024-04-18 09:15:35 发布

阅读量1w

点赞数

分类专栏： Vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/try_hard_more/article/details/125238949

版权

Vue 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

报错如图：

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

排查原因：

1、是否key值重复

2、单词是否出现错误

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

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

try again honey

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

【异常】报错：TypeError: Cannot read properties of undefined (reading ‘init‘)

本本本添哥

11-28

2139

在vue当中引用echarts，控制台报错： “TypeError: Cannot read properties of undefined (reading ‘init‘)

正确解决“未获取TypeError：无法读取属性“异常的有效解决方法

最新发布

wbajsjhhhhh的博客

05-02

4009

正确解决"未获取TypeError：无法读取属性"异常的有效解决方法

1 条评论您还未登录，请先登录后发表或查看评论

出现 TypeError: Cannot read properties of undefined (reading ‘then‘) 解决方法

码农研究僧的博客

03-05

2224

出现 TypeError: Cannot read properties of undefined (reading 'then') 解决方法

vue TypeError: Cannot read properties of undefined (reading ‘key‘)

weixin_42524279的博客

08-10

9182

我遇到的情况是有一个下拉框，下拉数据是一个数组arrary,然后有两个单选按钮，选择的时候会过滤。data的数据，然后赋值给array,切换的时候报错。解决办法,在nextTick中赋值。

ts报错：TypeError Cannot read properties of undefined (reading ‘key‘)

m0_67401660的博客

03-08

2618

报错如下：原因：拷贝了注册了组件的代码，然后删除组件的时候，把整个@Component 删掉了解决办法：在export default class 前面加上 @Component @Component export default class AnnualTaxRebateSubsidyView extends Vue { } ...

Cannot read properties of undefined (reading ‘key‘)

weixin_52740695的博客

03-04

5536

Cannot read properties of undefined (reading ‘key‘)

Vue - Syntax Error: TypeError: Cannot read properties of undefined (reading ‘styles‘) 项目运行时报错，详细解决方案

王佳斌

11-07

6851

vue2，Syntax Error: TypeError: Cannot read properties of undefined (reading 'styles')，webpack，npm run serve，报错怎么办，运行报错，run serve时出现报错如何解决，vue2项目运行报错Syntax Error: TypeError: Cannot read properties of undefined (reading 'styles')，vue2怎么解决npm run serve时的Cannot

彻底解决Error in nextTick: TypeError: Cannot read properties of undefined (reading clearValidate)

renkai721的专栏

09-19

9233

Error in nextTick: TypeError: Cannot read properties of undefined (reading clearValidate)

Vue报错：TypeError: Cannot read properties of undefined (reading ‘fullAddress‘)

m0_54630400的博客

03-02

6179

目录 1、报错信息： 2、错误代码： 3、错误原因： 4、改正方法： 1、报错信息：无法读取未定义的属性 2、错误代码： Vue组件中的html: <span>{{ userDefaultAddress.fullAddress }}</span> Vue组件中的计算属性： computed: { ...mapState({ addressInfo: (state) => state.trade.address }),

Vue3.0中：TypeError: Cannot read properties of undefined (reading ‘hidden‘)

lazy_zhuo的博客

04-09

1974

1、问题 <el-submenu index="1" v-for="(item,index) in this.$router.options.routes" :key="index" v-if="item.hidden"> 报错：TypeError: Cannot read properties of undefined (reading ‘hidden’) 2、原因 3.x 版本中 v-if 总是优先于 v-for 生效。所有v-if还没有遍历出v-for内容链接: link. 4、解决：

[Vue warn]: Error in nextTick: “TypeError: Cannot read properties of undefined (reading ‘key‘)“报错

m0_46678809的博客

10-10

1936

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 cannot read property XXX of undefined 解决方法

csdn_muxin的博客

12-06

6410

原因这个错误的意思就是所需要的这个属性为空 / 不存在，基本上都不是属性值为空，而是这个属性不存在那么就需要找到引用属性的位置，看看在使用属性之前是否还未定义该属性解决方法在引用该属性前做一个判断，如果该属性不存在就添加，然后设置一个默认值 // 判断 data 的属性 property 是否为空 if (data.property == null) { // 若为空，添加该属性并初始化为空字符串 data.property = "" } 就像在表格中使用该属性，就可以写一个方法，当表格数据获

Vue解决浏览找不到数据报错问题Cannot read properties of undefined(reading ‘数据名称‘)“

qq_44766377的博客

11-28

8332

这种问题一般有很多种触发情况我这讲的是数据确实存在，只是vue没有监听到，虽然可以用 this.$set()解决，但事实我这问题比较特殊，没办法用this.$set() 我拿到数据后要根据数据在数据中添加不同的 img，所以无法用this.$set()添加数据。只能另辟蹊径我选择的方法是给要显示数据的地方加一个判断（v-if）,而判断值是由数据处理完成后才会变为 true，这样要显示数据的地方要等到数据处理完成后才能用到数据，这样就避免了报错，影响后面的某些代码运行，比如...

vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in nextTick: “TypeError: Cannot read properties of und

The_Lucky_one的博客

10-06

6151

vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in nextTick: "TypeError: Cannot read properties of undefined (reading 'key')"

深入理解并解决Uncaught TypeError: Cannot read properties of undefined技术文章

热门推荐

奇妙的Bug之旅

11-10

9万+

Uncaught TypeError: Cannot read properties of undefined 是一个 JavaScript 运行时错误，它表示你试图访问一个未定义（undefined）对象的属性。这通常是因为你尝试访问一个不存在的变量或者对象的属性。在访问对象的属性之前，你应该先检查该对象是否已经定义。你可以使用typeof操作符来检查一个变量是否已定义。// 访问 myVariable 的属性。

ts报错：TypeError: Cannot read properties of undefined (reading ‘key‘)

qq_16737187的博客

09-24

9515

报错如下：解决办法：在export default class 前面加上 @Component @Component export default class AnnualTaxRebateSubsidyView extends Vue { }

Error in render: TypeError: Cannot read properties of undefined (reading‘‘)

qq_45796592的博客

04-18

4024

Error in render: TypeError: Cannot read properties of undefined (reading' ')报错解决

【vue3项目】解决 “TypeError: Cannot read properties of undefined (reading ‘xxx‘)“

前端学习博客

08-12

4万+

定义一个 getUserList 函数，并且在 onMounted 函数中挂载它，在加载页面时，先通过我自定义的已全局挂载的。结果发现：ctx.$api 为 undefined，并且 ctx 身上并没有我们绑定的 $api。首先这个报错的意思大概是：无法找到 undefined 的属性。所以就验证了bug 的原因是：vue3的全局绑定没有生效。逻辑上没有问题，同时也没有出现上述的三种情况。所以，我猜测是 $api 全局绑定没有生效。但是上述方法都无法解决我的bug，那在我的代码中的意思就是：找不到。...

Cannot read properties of undefined (reading 'key')

09-22

这个错误“Cannot read properties of undefined (reading 'key')”通常是因为你尝试读取一个未定义的属性导致的。根据提供的引用内容，这个错误可能与使用element-ui中的el-table组件时的key有关，特别是当key存在重复时。解决这个问题的方法是为每个重复的key添加一个唯一的标识符。你可以在getRowKey方法中添加以下代码来处理重复的key： ```javascript getRowKey(row) { if (!this.checkRepeatObj) { this.checkRepeatObj = {}; } if (row) { if (row.id) { if (this.checkRepeatObj[row.id]) { if (!row._secondId) { row._secondId = Math.random().toString(); } return row._secondId; } else { this.checkRepeatObj[row.id] = 1; return row.id; } } console.log('row.id为空'); if (!row._secondId) { row._secondId = Math.random().toString(); } return row._secondId; } else { console.log('row为空'); return Math.random().toString(); } } ``` 以上代码将在每次遇到重复的key时生成一个随机唯一的标识符。这样可以确保每个key都是唯一的，避免出现"Cannot read properties of undefined (reading 'key')"错误。