526互联

控制台报错：[Vue warn]: Error in render: "TypeError: Cannot read properties of null (reading 'length')" found in

发布时间 2023-04-28 10:39:24作者: 南无、

可能原因

在调取接口获取返回值时，由于各种原因（参数错误、返回格式不规范等），导致接收返回时数据类型与初始值不同。

data () {
    return {
        list: [] //原本是个数组对象
    }
},
methods: {
    getList() {
　　　　 let params = {}
        apiRequest(params).then(res => {
            this.list = res.data //此时返回的为null
        　　 this.total = res.data.length
        })
    },
}

解决办法

在处理返回值时加上判断

if(res.data) {
    this.list = res.data
    this.total = res.data.length
}