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

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 
}