关于9.3 上传人的头像和昵称获取

来源：9-3 图书作者评分显示

西岚Silan

2018-06-18

如果我直接在HTML里写

{{info.user_info.nickName}}

就会获取不到，页面会报错，报数据undefiend，看了下报错信息，说这个数据在页面加载的时候是undefiend

//img.mukewang.com/szimg/5b268ad20001ed7906910219.jpg

然后我根据课程里面的方法写

computed: {
userInfo() {
      return this.info.user_info || {}
    }
}

如果不写短路判断，页面也会报错

这一步我的猜测是

因为数据是ajax获取的，可能刚进页面，数据还是为undefined，所以页面就会报错

后来我自己打印

 console.log(this.info.user_info)

也证实了我的观点，但是我不明白。

为什么直接在HTML代码里面写

{{info.user_info.nickName}}

获取数据就会出问题，页面其他的数据都没问题

比如

{{info.rate}}

这是什么原因？

写回答

1回答

慕瓜8449030

2018-06-19

因为一开始info.user_info还是undefined ，从undefind里获取数据就会报错，所以我加了一个user_info的computed，如果不存在就是先是空对象，就不会报错了

mpvue课程小程序全栈开发

慕课网独家首发学习mpvue+Koa+vue 全栈开发小程序

1407 学习 · 1331 问题

相似问题

回答 1

回答 3

回答 6

回答 1

回答 129