完美解决vue中报错 “TypeError: Cannot read properties of null (reading'forEach')“
作者:水星记_ 发布时间:2023-07-02 17:06:29
标签:vue,报错Cannot,read,properties,of,null
完美解决vue中报错 “TypeError: Cannot read properties of null (reading ‘forEach‘)“
报错截图:
报错原因:
上图的报错翻译过来其实就是无法读取 null
的属性。简单来说就是循环遍历的数组是 null
值,而一旦循环遍历的数组为 null
值的同时再使用 forEach
方法遍历数组就会出现此报错。
解决方案:
知道报错的原因,那么问题也就能迎刃而解了,由于之前是因为 null
值的问题才导致循环遍历报错,那么我们完全可以在进入循环遍历之前将要循环遍历的数组做一个非空判断,如下代码:
未修改代码:
res.data.forEach((item) => {
// 执行操作
});
加上非空判断后:
// 循环遍历之前加上非空判断
if (res.data) {
res.data.forEach((item) => {
// 执行操作
});
}
补充:vue 报 Cannot read property ‘prototype‘ of undefined
报错信息: Cannot read property 'prototype' of undefined
这个错 可能是 js 引入顺序问题造成的 也有可能是 引入 elemen-ui造成的 。还有可能是 其它 问题造成的。
vue3 需要引入 element-plus ,引入 element-ui 也会报这个错
引入顺序问题:
在 public/index.html 中引入 ElementUI 的 js 时,前面没有加 Vue.js 的引入。这里我们在前面加入 Vue.js 的引入即可。
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/element-ui/2.9.2/index.js"></script>
解决方案:
代码报错主要是因为vue引用顺序不当导致的,或者是webpack打包时使用import引入vue,element却使用script引入也会出现这个问题 (引入js的顺序不合适)。
将vue引用放在最前面可避免这个问题。
先引入 vue 或者 vue.js 如果是 ui库 要先引入 js再引入 css 。
来源:https://blog.csdn.net/Shids_/article/details/125741166
0
投稿
猜你喜欢
- <% If Err.Number <> 0 Th
- 在数据处理的时候,尤其在搞大数据竞赛的时候经常会遇到一个问题就是,多个表单的合并问题,比如一个表单有user_id和age这两个字段,另一个
- 1.之前的写法(不报错):data = cursor.fetchall()data_name = data[0]['task_typ
- 本文从多个角度来讲解如何在Access数据库上如何上传并且显示上所上传图片。在 * 站制做过程中,需要上传图片、显示图片,上传的图片要能够保
- LSTM介绍关于LSTM的具体原理,可以参考:https://www.jb51.net/article/178582.htmhttps://
- 一、前言写这篇文章的灵感来源于我玩游戏的时候(为了避免过不了审就不说是啥游戏了),看见一个大佬在游戏里面建造了“还原方阵
- declare @str varchar(100) set @str='8f8el3l' declare @s varcha
- pycharm永久激活码6ZUMD7WWWU-eyJsaWNlbnNlSWQiOiI2WlVNRDdXV1dVIiwibGljZW5zZWV
- callable函数可用于判断一个对象是否可以被调用,若对象可以被调用则返回True,反之则返回False。所谓可调用,是指代码里可以在对象
- 本文实例讲述了Python实现的微信好友数据分析功能。分享给大家供大家参考,具体如下:这里主要利用python对个人微信好友进行分析并把结果
- 前言Python快捷创建文件夹和文件详解 自己做文件时发现 简单的反复操作十分浪费时间,于是想到了 使用Python,这个分享给
- pandas遍历每行并累加进行条件过滤 本次记录主要实现对每行进行排序,并保留前80%以前的偏好。思路:将每行的概率进行排序,然后
- 在使用可视化树的过程中,报错了。说是‘dot.exe'not found in path原代码:# import tools nee
- 一、使用三种方法实现0-n累加求和定义函数分别使用while循环、for循环、递归函数实现对0-n的累加求和1、使用while循环定义一个累
- 前言若电脑之前已经安装过vue-cli了,但是版本过低,比方说当前vue-cli的版本为2.9.6,然后我想升级到vue-cli的最新版本4
- 安装配置MongoDB驱动安装驱动go get -u github.com/mongodb/mongo-go-driver初始化模块go m
- 以前把守护进程与后台任务搞混了,后面看了文章才知道这两者的区别,写此文表达自己对守护进程的理解.1:什么是守护进程?所谓守护进程是一种是 L
- 对于部署在新浪应用引擎SAE上的项目,使用新浪SAE云存储是不错的存储方案。新浪SAE云存储仅能在SAE环境中正常使用,对它进行简单封装后,
- 在一个规范化的研发流程中,一般遵循如下流程:开发阶段:研发功能或者修复bug,在本地自测。代码审核阶段:提交代码,并请求团队内人员做code
- Python安装新包,pip是很好用的安装工具。pip list 可以查询所有已安装的包和版本。怎么知道本地安装包的版本是否有可以更新的新版