后端返回的数据格式嵌套多层对象的时候:
obj1: {
obj2: {
id: 520,
name: '江疏影',
sex: '女'
}
}
使用插值表达式渲染数据:
<ul>
<li> {{ obj1.obj2.name }} </li>
</ul>
此时,obj1.obj2.name 为undefined,页面会报错找不到 name。这是因为页面加载的时候数据还没有渲染出来。解决办法:在父盒子加 v-if 判断。
<ul v-if="obj1.obj2">
<li> {{ obj1.obj2.name }} </li>
</ul>