uni-app 给组件赋值时报错 [system] TypeError: Cannot read property ‘name‘ of undefined

[system] TypeError: Cannot read property ‘name’ of undefined

出现该错误的原因是因为你花括号中的某些属性未定义。
1.写错了属性名称。
2.另一种情况：异步请求获取数据时，由于数据是异步获取的，所以初始化时是没有该数据属性的。
我的情况是情况2，取值字串时比较深，定义时只定义到了上一级。
取值结构：

{
    "id": 105,
    ...
    "dealer": {
        "sn": null,
        "password": null,
        "name": "唐xx",
        "departmentSn": null,
    },
    ...
},

		<view class="content-row">
			 <text class="cause">待处理：</text>
			 <text class="cause-detail" v-if="claim_detail_basic_list" >{{claim_detail_basic_list.dealer.name}}</text>
			</view>

这边已经做过防报错处理

v-if="claim_detail_basic_list"

由于取值对象还得往下一级"claim_detail_basic_list.dealer.name"所以仍然报错

chunk-vendors.js:3874 [Vue warn]: Error in render: "TypeError: Cannot read property 'name' of undefined"

解决办法再往下一级即可。

<view class="content-row">
			 <text class="cause">待处理：</text>
			 <text class="cause-detail" v-if="claim_detail_basic_list.dealer" >{{claim_detail_basic_list.dealer.name}}</text>
			</view>

{{claim_detail_basic_list.dealer.name}}
OK解决！原因：深层对象未创建，初始化时未有该对象属性。