element table Error in callback for watcher “data“: “TypeError: Cannot read properties of null (read

snowDreamzzz

已于 2023-04-19 11:00:26 修改

阅读量3.4k

点赞数

分类专栏： pits 文章标签： javascript java 开发语言 elementui

于 2023-04-19 10:52:24 首次发布

本文链接：https://blog.csdn.net/qubes/article/details/130238983

版权

pits 专栏收录该内容

190 篇文章 3 订阅

订阅专栏

文章讲述了在使用ElementTable时遇到的错误，即在回调watcher中处理data时出现TypeError，原因是list数据未正确初始化或者后端接口返回了null。解决方案包括将list初始化为[]，或者在接收到接口数据时处理可能的null值，确保list始终为数组。

摘要由CSDN通过智能技术生成

element table Error in callback for watcher “data”: “TypeError: Cannot read properties of null (reading ‘reduce’)”

problem

列表页面，前后端联调接口，发现控制台报错
Error in callback for watcher “data”: “TypeError: Cannot read properties of null (reading ‘reduce’)”
在这里插入图片描述

reason

从提示看，应该是 element table 遍历列表数据 data 引发的
原因1：list初始化数据是 null 导致
原因2：后台接口返回 null 未处理导致

solution

方案1：list初始化改为 []
方案2：后台接口调整，无数据时，返回 []

// 方案1 
data:{
    list: [], // null 改为 []
}

// 方案2  接口数据调整 
// 如果接口不能改，只能自己处理
listOrder(bodydata).then(response => {    
    // this.list = response.data.data.list // before     
    this.list = response.data.data.list || [] // after 
}