vue避免数据获取成功前报错

刚开始使用vue的时候会经常出现一种情况:
在请求接口成功前控制台会报错对象属性不存在,虽然等数据获取成功后页面还是会照样显示出来,不影响正常,但是强迫症的我还是不能接受有报错的情况存在


组件代码

出现上述问题的原因是,info初始化为null,不存在任何属性,所以视图中使用info.headimgurl是无法取得该属性值的

解决办法如下:
在最外面的div上使用v-if判断,当数据获取完成后info就会被赋值为一个拥有对应属性的对象,视图也就渲染出来了


解决办法

你可能感兴趣的:(vue避免数据获取成功前报错)