Error in render: “TypeError: Cannot read properties of undefined (reading ‘length‘)“ ---调取接口时的错误

问题原因

层级太深了

<view class="input head-img">
      <text>头像</text>
      <image :src="person.headerImg" />
    </view>

	messageRequest() {
				message().then(res => {
					console.log(res.data);
					// （踩坑）Error in render: “TypeError: Cannot read properties of undefined (reading ‘length‘)“
					//层级太深了会报错--注意在template层不要层级太深---可以在这里定义多层
					this.person = res.data.userInfo;
					console.log(this.person);
				});
			}

解决方法
// （踩坑）Error in render: “TypeError: Cannot read properties of undefined (reading ‘length‘)“
//层级太深了会报错–注意在template层不要层级太深—
可以在这里定义多层