vue中由于请求延迟导致的报错问题？

Question

在vue-cli项目中，我先是在data中定义了一个空的值，然后在created中请求数据，赋值给那个空值。
在页面中我是直接引用这个值（为数组，每一组都有对应的img，name等）来赋值的。
结果是渲染对了，但是控制台有报错，我觉得应该是初始化的时候，渲染的是个空值，所以报错，等数据请求成功后，再渲染成功的。
虽然目前来说功能正常，但是我不想项目中出现这样的报错，该怎么解决啊！

Answer 1

找到方法了，给元素判断一下，v-if数组值是否不等于空，只有当请求到值的时候，才显示，就OK了

Answer 2

一开始就定义赋值一个空数组就好了

Answer 3

你要注意区分报的什么错。
这种情况的：

dataList: [{name:'test'}]

dataList为空不会报错

这种情况会报错：

dataList: [{img: {name:'test'}}]

空数组拿不到img，更加拿不到name，报错的就是undefined没有属性name。这个时候你得处理下，数组给个默认的值，或者img.name额外处理，用过滤器之类都行

Answer 4

不是应该贴上代码嘛和错误吗，文字描述无法完整还原事件

Answer 5

你开始一开始这么写的吧,所以空数组里面的都拿不到

dataArr:''

解决方法的是初始化的时候就把它的每一个元素都赋值为空。

dataArr:[{
    'name':'',
    'img':''
}]