vue报错TypeError: Cannot read property ‘end‘ of undefined

我的代码:

computed: {
    handleTimestamp() {
    let endData = this.activityList[0].end
    }
}

报错信息如下:
但是我打印 this.activityList时, 却是有值的.

这里报错的原因是:
页面一开始还没渲染数据, 此时的activityList还是空的, 在computed方法中, 获取它的值当然就获取不到了.

解决方法:
在方法的开头, 对activityList的长度进行判断,为空则不再继续执行, 不为空才执行下面的代码:

computed: {
    handleTimestamp() {
    if(!this.activityList.length) return
    let endData = this.activityList[0].end
    }
}

这样就解决啦~~~