在vue中使用axios请求数据 v-for渲染数据的时候结构没有出来的问题

1.问题说明

在使用axios向后台请求数据时,根据后台接口返回的数据,res.data.data 返回的是一个数组对象,并且将这个数组对象赋值给了在data定义的一个空数组,打印这个空数组,是真实存在的数据 res.data.data 使用v-for循环结构的时候,数据并没有出来
以上都是常规操作,但是渲染的结构并没有出来

2.问题截图说明

2.0.1 js代码截图 并没有什么问题
在vue中使用axios请求数据 v-for渲染数据的时候结构没有出来的问题_第1张图片
2.0.2 v-for循环 截图
在vue中使用axios请求数据 v-for渲染数据的时候结构没有出来的问题_第2张图片
2.0.3 页面显示截图
在vue中使用axios请求数据 v-for渲染数据的时候结构没有出来的问题_第3张图片

3.思考

想了半天以前都是这么写的v-for循环。数据也是这么拿到的,用$http试过也是没有解决问题,尝试过重新新建一个vue-cil脚手架还是没有解决问题,又重新检查下了路由,路由也没有问题,将data中的数组自己写死,页面结构却可以显示出来,此问题困扰了我将近一天。
也想过是不是箭头函数this.的指向问题,但是不可能

4.解决办法

在定义的空数组中加有个null,应该是数据类型的原因,
最终页面也显示出来了
在vue中使用axios请求数据 v-for渲染数据的时候结构没有出来的问题_第4张图片
在vue中使用axios请求数据 v-for渲染数据的时候结构没有出来的问题_第5张图片

你可能感兴趣的:(vue)