1. 问题描述

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

  1. 例如:

Cannot read properties of undefined (reading ‘id’)

  1. 原因:

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

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

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

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

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

  1. 解决方法: