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

}

文章链接

评论可见，请评论后查看内容，谢谢！！！评论后请刷新页面。