目录前言错误提示BUG分析BUG解决总结前言 最近在写Vue项目 在写自定义分页器的时候报了一个异常 知道错误却一直找不到解决方案 苦思冥想后 还是js的基础语法不扎实导致的,在此记
最近在写Vue项目 在写自定义分页器的时候报了一个异常 知道错误却一直找不到解决方案
苦思冥想后 还是js的基础语法不扎实导致的,在此记录一下解决方案和思路
为以后的bug解决之路打下基础
错误内容Uncaught (in promise) TypeError: Cannot read properties of null (reading 'length')
错误截图如下:
此bug大概是说我写的一句语法,它没有找到length
这个方法
我们都知道java
中只有集合和数组才有size和length
这种方法
在vue语法中也同样支持数组语法,既然它说找不到那就是,这不是一个数字结构!
下面是我代码中的源代码
<div v-if="item.disease.length > 4 ? true:false">
<a style="pointer-events: none; color: #C8DBF2;"
@click="aDDDisease(item,index)">+添加症状</a> </div>
问题就出在item.disease.length > 4 ? true:false
这句三目表达式上
item.disease
可能不是一个数组,比如item.disease这个对象为空
这样一来item.disease
就没有.length
这个方法了…
根据上述的分析,我们可以多加一层判断
先判空再写三目表达式,语法我们改为下面这样子 先判空 item.disease!=null
<div v-if="item.disease!=null && item.disease.length > 4 ? true:false">
<a style="pointer-events: none; color: #C8DBF2;"
@click="addDisease(item,index)">+添加症状</a>
如此这个分页器就完成了 没bug了~
到此这篇关于web前端Vue报错:Uncaught (in promise) TypeError:Cannot read properties of nu解决的文章就介绍到这了,更多相关Vue报错:Uncaught (in promise) TypeError内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!
--结束END--
本文标题: web前端Vue报错:Uncaught (in promise) TypeError:Cannot read properties of nu解决
本文链接: https://www.lsjlt.com/news/178681.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0