vue中通过arr.length获取数组长度报错:Error in render: “TypeError: Cannot read property ‘length‘ of undefined“
刚开始是通过arr.length获取数组长度的!
结果控制台报错:
Error in render: "TypeError: Cannot read property ‘length’ of undefined"
initType() {let arr = [1,2,3,4,5,6];if (arr.length > 0) {data.forEach((item, index) => { // item 就是数组的值,index是该值的索引.... //要实现的逻辑// eg: 这是我调用后台方法findByType(item.mediationType).then(response => {this.$set(this.mediationTypeMap, index, response.data)})})}
},
后来把获取数组长度的方式变成这样就完美的解决了arr.length不可用的问题了!
此时,就能正确的获取该数组的长度了!
initType() {let arr = [1,2,3,4,5,6];if (arr !== undefined && arr != null && arr.length > 0) {arr .forEach((item, index) => {findByType(item.mediationType).then(response => {this.$set(this.mediationTypeMap, index, response.data)})})}
},
希望能帮助到大家!
vue中通过arr.length获取数组长度报错:Error in render: “TypeError: Cannot read property ‘length‘ of undefined“相关推荐
- vue报错Error in render: TypeError: Cannot read property 'name' of undefined
因为请求是异步获取数据,所以最先开始item是一个空对象.item.tournament即为undefined. item.tournament.name就会报错 解决办法:加一个v-if的判断条件
- 报错vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in render: “TypeError: Cannot read property ‘length‘
在用 element-ui 做表单复选框的时候,出现报错 vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in render: "TypeErro ...
- vue.js:634 [Vue warn]: Error in render: “TypeError: Cannot read property ‘matched‘ of undefined“
//创建路由实例对象const router = new VueRouter ({//routes 是路由规则数组routes : [//每个路由规则都是一个配置对象,其中至少包含 path和comp ...
- vue报错getVueAllUser:67 Uncaught TypeError: Cannot read property 'userId' of undefined
这个弄了半天,最后发现是因为我修改了这个值,才报的错,改成这样就可以了 转载于:https://www.cnblogs.com/huifeidezhuzai/p/10172092.html
- vue错误:vue.esm.js?efeb:628 [Vue warn]: Error in render: “TypeError: Cannot read property ‘matched‘ of
控制台出现这个错误vue.esm.js?efeb:628 [Vue warn]: Error in render: "TypeError: Cannot read property 'mat ...
- 安装32位mysql报错_在CentOS中安装32位或64位MySql报错error: Failed dependencies解决办法...
在CentOS中安装MySql报错error: Failed dependencies解决办法 安装64位MySql报错内容如下: error: Failed dependencies: libaio ...
- app.vue中引用图片src=“../assets/logo.png“报错未找到图片
发现在views或components里的vue里用src="-/assets/logo.png"是没有问题的,但是在app.vue里这么使用出现报错: This relative ...
- 解决Vue中重复点击相同路由控制台报错问题
vue-router 升级到3.1.x 后,重复点击导航时,控制台出现报错 ,虽然不影响功能使用,但也不能视而不见. 报错信息 报错原因 vue router ≥ v3.1 后 ,回调形式改成prom ...
- 四种解决Vue中重复点击相同路由控制台报错问题( Avoided redundant navigation to current location)
vue-router 升级到3.1.x 后,重复点击导航时,控制台出现报错 ,虽然不影响功能使用,但是看的就不舒服. 报错信息 Uncaught (in promise) NavigationDupl ...
最新文章
- [推荐]数据库索引碎片的自动重建或重组
- 谋定数字农业生态系统 万亿市场对话中国农民丰收节交易会
- 【Nodejs】记一次图像识别的冒险
- Scala入门到精通——第八节 包和引入
- AngularJs出现错误Error: [ng:areq]
- Android 常用权限
- 【Python学习】win10+Anaconda3环境,安装phthon第三方库Jieba
- linux-ntpdate同步更新时间
- 超干货|使用Keras和CNN构建分类器(内含代码和讲解)
- Redis简介(1)
- LIBRARY_PATH和LD_LIBRARY_PATH
- Google叫停出售刷脸监控技术,只因目前无法避免被滥用
- Laravel跨数据库事务的实现
- 路由交换技术-实验4:VLAN创建、划分、修剪及Trunk链路
- 地图制作:Google Earth Pro的下载及功能介绍(详细介绍)(下)
- 常见图像加密性能评价指标(详解加python实现)
- 多方位玩转“地平线新发布AIoT开发板——旭日X3派(Sunrise x3 Pi)” 插电!开机!轻松秒杀!
- 沉浸其境,共赴云栖数智硬核美学
- 【win32】Helloworld
- ORB-SLAM2(2) ROS下配置和编译
热门文章
- html中图片保持原比例自适应div大小
- 通过RPM包离线安装Clickhouse 20.3(LTS版本)
- Python实战 | 爬取37000+四字成语 BeautifulSoup+requests+多线程
- 【Java进阶营】膜拜 13万字 腾讯高工手写JDK源码笔记带你飙向实战
- Elasticsearch:倒数排序融合 - Reciprocal rank fusion (RRF)
- Springboot过滤器和拦截器的区别
- python经典字体警告:RuntimeWarning: Glyph 33337 missing from current font. font.set_text(s, 0, flags=flag
- 数据分析数据挖掘的步骤
- 一张图讲清楚淘宝直播背后技术( 赠送多媒体前端手册)
- 怎么把照片变成漫画?分享一下经验