vue请求数据报错

Question

在created()的时候做数据请求：created(){this.getBanner()this.getHotRecommended()this.getNewAlbum(this.newAlbum.limit,this.newAlbum.offset)this.getToplist()},methods:{//获取banner数据getBanner(){banner().then((res)=>{this.bannerList=res.data.banners})},//热门推荐getHotRecommended(){hotRecommended().then((res)=>{this.hotRecommendedList=res.data.result})},//获取新碟上架getNewAlbum(limit,offset){newAlbum(limit,offset).then((res)=>{this.newAlbum.data=res.data.albums})},//榜单getToplist(){//飙升榜toplist(3).then((res)=>{this.biaosheng=res.data.result})//新歌榜toplist(0).then((res)=>{this.xinge=res.data.result})//原创榜toplist(2).then((res)=>{this.yuanchuang=res.data.result})}}在开始进入页面的时候报错，提示某个数据还没有：[Vuewarn]:Errorinrenderfunction:"TypeError:Cannotreadproperty'coverImgUrl'ofnull"但是页面加载完成后数据又正确加载了。请问这是什么原因造成的，是请求数据的时机不对吗？

Answer 1

检查你的render函数，上面爆出来的是renderfunction内的报错，跟你目前的执行的代码关系应该不大。
建议在访问对象属性时，做一下空值判断。如state&&state.a&&state.a.b
                            

Answer 2

你将函数放在this.nextTick(function(){
this.getBanner()
this.getHotRecommended()
this.getNewAlbum(this.newAlbum.limit,this.newAlbum.offset)
this.getToplist()
})