【vue报错】vue.runtime.esm.js?2b0e:1897 TypeError: Cannot read properties of undefined (reading ‘0‘)

已于 2022-04-05 08:08:19 修改
阅读量7.1k 收藏
点赞数
分类专栏： Error 文章标签： vue
于 2022-04-04 16:57:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nilmao/article/details/123956198
版权

Error in mounted hook: "TypeError: Cannot read properties of undefined (reading '0')"

vue.runtime.esm.js?2b0e:1897 TypeError: Cannot read properties of undefined (reading '0')

原因：

创建DOM元素遍历依赖的 props 数据，而计算过程在挂载完毕之后；

需要将计算过程放到 正确 的生命周期钩子；

解决：

把计算过程放在 created() 周期钩子 可解决

Bi工
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
01-21
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'getAttribute' of null"
kkhk04的博客
10-10 3万+
错误场景一： 错误提示： 在运行Vue项目时出现了上述错误，出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化， 代码如下： // 基于准备好的dom，初始化echarts实例 var bar_dv = document.getElementById('bar_dv');let myChart = this.$echarts.init(bar_dv) 解决办法...
vue路由设置报错
weixin_48927323的博客
05-16 2212
[Vue warn]: Unknown custom element: <router-Link> - did you register the component correctly? 报错原因：路由没有注册 Vue.use(VueRouter) 解决完之后再次出现问题： Missing required prop: "to" found in ---> <RouterLink> Error in render: "TypeError: Canno
Vue TypeError: Cannot read properties of undefined (reading ‘xxxx‘) ，错误原因及解决方案
热爱编程的菜鸟
02-22 2万+
今天使用Vue+axios 查询数据库信息，并显示。 用到了v-for便签。 axios 也可以正常接收到数据。 但是总是报同一个错误，无法读取未定义的标签。 但是代码中明显有。 TypeError: Cannot read properties of undefined (reading 'xxxx') 错误截图： 原因： 上面的代码为： <td>{{b.book.publisher.name}}</td> <td>{{b.book.publisher.
Error in mounted hook: “TypeError: Cannot read property ‘XXXXX‘ of undefined“
bihaiyanyu的专栏
10-22 3万+
今天使用iview画页面时遇到一个很简单但是搞了很久的bug，加了一个控件 <user-select style="width:200px" @on-change="handleSelect" ref="user" v-model="form.userCode"> </user-select> 然后使用$refs调用组件属性 this.$refs.user.initData(); 然后神奇的地方出现了，不管怎么该，一直报Error in mounted hook:
vue中出现 TypeError: Cannot read properties of undefined (reading ‘substring‘)错误
...
11-27 1万+
报错的原因:你的数据来源为空 解决方案:在数据的标签里面 进行判断 v-if=“字符串内容”
Vue报错: TypeError: Cannot read properties of undefined (reading ‘xxx‘)
q249859693的博客
04-19 2013
数据之前没渲染 mounted或判断
vue报错： “TypeError: Cannot read properties of undefined (reading ‘0‘)“
热门推荐
呆子小木心的博客
05-11 4万+
Vue里面的一个坑：vue.esm.js?c9fd:628 [Vue warn]: Error in render: “TypeError: Cannot read properties of undefined (reading ‘0’)”； 1，起因：在页面使用到的数据是嵌套多层的时候，比如是拿的是数组的第三层的数据进行展示，像data[0][0]，在页面进行初始化的时候，会报错：Cannot read properties of undefined (reading ‘0’)；但是页面是可以正常使用的
vue warn Error in render: “TypeError: Cannot read properties of undefined (reading ‘0‘)“
neversleepy的博客
02-17 2774
我遇到这个问题是vuex报错 原因 state里面没有初始化数组 解决办法 state const state = { // 设定初始值 初始值要根据接口返回的数据进行计算 groupMenuitems: [], detailtype: [], //加上原始状态参数 detail:[] // menuitemsGroup:[] }; 解释 原因是vuex没有进行数据代理 mutations Getdetail: (state, detail) => { stat
[Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading '0')"
m0_50080847的博客
04-13 898
今天用vue书写代码报了个 这个错误： [Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading '0')" 检查后得知：因为后端数据结构更改导致某个字段丢失 从而报了这个错 记得点赞评论噢(0.0) ...
vue报错：Cannot read properties of undefined (reading ‘0‘)
SendChen的博客
05-25 767
vue报错：Cannot read properties of undefined (reading '0')解决办法
Sawyer-zh#study-note#Vue-js路由报错TypeError-Cannot-read-property-c-
07-25
title: 'Vue.js路由报错:TypeError: Cannot read property ''_c'' of undefined'错误详情：像上面这
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'   点开错误的文件，标注错误的地方是这样的一段代码： import {normalTime} from './timeFormat'; module....
v2.6.10-vue.js&vue.min.js&vue.common.js&vue.runtime.js等14个资源
03-12
内容：vue.js、vue.min.js、vue.common.js、vue.common.dev.js、vue.common.prod.js、vue.esm.browser.js、vue.esm.browser.min.js、vue.runtime.js、vue.runtime.min.js、vue.runtime.esm.js、vue.runtime.common....
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
主要介绍了Vue 报错TypeError: this.$set is not a function 的解决方法，分享给大家，需要的朋友们下面随着小编来一起学习学习吧
解决vue报TypeError: Cannot read properties of undefined (reading ‘getters‘)
weixin_41308436的博客
03-30 1万+
莫名其妙的报错 解决方法： 可能存在循环引用 devtools的问题，关闭就好了（版本3.1.5，暂不清楚什么原因）
vue.runtime.esm.js:1897 TypeError: Object prototype may only be an Object or null: undefined
张莹东的博客
03-08 864
qiankun加载子项目报错
【Vue.js】BUG记录: Cannot read properties of null (reading ‘pickAlgorithm‘)
weixin_39928152的博客
06-14 340
删除node_modules后重新npm install时遇到 Cannot read properties of null (reading ‘pickAlgorithm’) 1、网上很多方法说重新安装node即可解决(本人测试无用) 2、npm cache clear --force清除缓存之后再执行npm install(本人测试有用)......
vue报错Cannot read property '_wrapper' of undefined
qq_34576748的博客
01-21 1万+
为什么报错不明确？ 不管你是 npm 包引入还是<script src="..."></script> 引入 vuejs，看看是不是引入的是压缩后的代码版本，类似vue.min.js。 改成引入未压缩的 vuejs 的包。 实际错误？ 实际错误是 @click="..." 其中的方法没有在 methods 中定义。 ...
vue.runtime.esm.js?2b0e:1888 TypeError: Cannot read properties of undefined (reading 'init')
最新发布
01-02
这个错误是由于在Vue组件的mounted钩子函数中尝试访问未定义的属性而引起的。具体来说，错误信息中提到的属性是'init'。要解决这个问题，你可以按照以下步骤进行排查和修复： 1. 确保你的代码中有一个名为'init'的...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值