[Vuewarn]:Errorinrender:"TypeError:Cannotreadproperty'name'ofundefined"

问题

前台在created()方法中发送axios请求获取后台数据

data的前期数据初始化为

模板中

后台返回的数据正常

但是页面无法渲染数据报错

求大佬们帮忙解答

最佳回答

你先看看vue生命周期这一地方吧：https://cn.vuejs.org/v2/guide/instance.html#生命周期图示，

页面打开后，根据vue生命周期推断，如果你在created函数发起异步请求，那么Vue生命周期还处在mounted之前，而mounted之后Vue才把dom元素挂在到Vue对象中的，这个时你候就开始在html标签里面使用声明式渲染了，而且你数据结构也没有，那肯定就会出现找不到或未定义的异常，你想想是不是这么回事？所以控制台才报错。

要么你尝试在mounted函数里面发起异步请求，要么就老老实实把数据的结构给写出来。

建议经常阅读Vue官方文档，很多问题都是自己的小细节没有到位导致的。

而且你在created函数发起异步，数据不给结构，有时候json数据是一层还好，可以拿到，有时候两层甚至以上就拿不到了，偶尔渲染数据成功，偶尔就不行。