资讯 小学 初中 高中 语言 会计职称 学历提升 法考 计算机考试 医护考试 建工考试 教育百科
栏目分类:
子分类:
返回
空麓网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
空麓网 > 计算机考试 > 软件开发 > 后端开发 > Java

web前端Vue 报错:Uncaught (in promise) TypeError: Cannot read properties of nu

Java 更新时间: 发布时间: 计算机考试归档 最新发布

web前端Vue 报错:Uncaught (in promise) TypeError: Cannot read properties of nu

前言

最近在写vue项目 在写自定义分页器的时候报了一个异常 知道错误却一直找不到解决方案
苦思冥想后 还是js的基础语法不扎实导致的,在此记录一下解决方案和思路
为以后的bug解决之路打下基础

错误提示

错误内容Uncaught (in promise) TypeError: Cannot read properties of null (reading 'length')

错误截图如下:

BUG分析

此bug大概是说我写的一句语法,它没有找到length这个方法
我们都知道java中只有集合和数组才有size和length这种方法
在vue语法中也同样支持数组语法,既然它说找不到那就是,这不是一个数字结构!

  • 下面是我代码中的源代码
 
+添加症状

问题就出在item.disease.length > 4 ? true:false这句三目表达式上
item.disease可能不是一个数组,比如item.disease这个对象为空
这样一来item.disease就没有.length这个方法了…

BUG解决

根据上述的分析,我们可以多加一层判断
先判空再写三目表达式,语法我们改为下面这样子 先判空 item.disease!=null

 
+添加症状

如此这个分页器就完成了 没bug了~

总结

学习之路 永无止步
记录当下,保持一颗向上的心态~!

转载请注明:文章转载自 http://www.konglu.com/
本文地址:http://www.konglu.com/it/1095849.html
免责声明:

我们致力于保护作者版权,注重分享,被刊用文章【web前端Vue 报错:Uncaught (in promise) TypeError: Cannot read properties of nu】因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理,本文部分文字与图片资源来自于网络,转载此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请立即通知我们,情况属实,我们会第一时间予以删除,并同时向您表示歉意,谢谢!

我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2023 成都空麓科技有限公司

ICP备案号:蜀ICP备2023000828号-2