Cannot read properties of null (reading 'forEach')
时间: 2023-08-30 20:08:24 浏览: 63
这个报错是因为在循环遍历数组之前,数组的值为null,导致无法使用forEach方法遍历数组。解决这个问题的方法是在遍历之前添加一个非空判断,确保数组的值不为null。可以使用如下代码进行改造:
```
data.data.forEach((item) => {
console.log("showBaseAttrs-item:", item);
let attrArray = [];
// 加一层非空判断
if (item.attrs) {
item.attrs.forEach((attr) => {
console.log("showBaseAttrs-attr:", attr);
attrArray.push({
attrId: attr.attrId,
attrValues: "",
showDesc: attr.showDesc,
});
});
}
});
```
这样在遍历之前会先判断item.attrs是否为null,如果不为null才会执行内部的forEach方法,避免了报错。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vue中报错 “TypeError: Cannot read properties of null (reading ‘forEach‘)](https://blog.csdn.net/weixin_44021888/article/details/128855717)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [05-Vue报错Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘forEach‘)](https://blog.csdn.net/FROZENcj/article/details/123164267)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)