[Vue warn]: Error in render: “TypeError: Cannot read property ‘0‘ of undefined“

问题描述

向后端获取一条数据时，页面渲染出现了问题

搜索了很多资料都是说页面渲染和数据加载不同步，解决方法是在整个页面的最外层div中加入 v-if 或者在出现多层嵌套的地方加入 v-if。

但是我已经加了，所以不可能是这个问题。

---

原因分析：

自己思考了一下，发现问题出现在找不到索引。
我渲染table里面的数据是遍历数组的形式，而获取到的数据是对象形式，自然渲染就出了问题。

---

解决方案：

将获取到的对象转化为数组形式，再存到要渲染的数据列表。

let data = [];
data.push(res.data.data.order);
this.orderData = data;