解决异步传参时出现 “TypeError: Cannot read properties of undefined (reading‘xxx‘)“这一错误

1. 问题描述

异步传参时会出现 “TypeError: Cannot read properties of undefined (reading‘xxx‘)“这一错误

2. 例如:

Cannot read properties of undefined (reading ‘id’)

3. 原因:

第一点:异步请求获取数据时，由于数据时异步获取的，所以一开始是没有该数据属性，这种情况下也会报这种错误。

比如说data中有一个数据playList:{},，初始值为一个空对象。{{playList.tracks}}是不会报错的，但是，{{playList.tracks.id}}这样就会报错。

因为 playList.tracks已经是undefined了，肯定不能得到undefined的属性。

所以在初始化时，tracks属性赋值为空就可以解决这一问题。

第二点:在我们请求数据的时候拿不到数据,有没有将play.tracks.Id初始值为一个空对象,或者是一个空数组,所以造成返回的时候报错

4. 解决方法: