使用Vue.js和Laravel从服务器获取数据

Question

我有一个Vue应用程序成功发出ajax请求以从服务器获取数据。然后我使用像这样的v-for循环数据：

<div v-for="post in posted">
     <img :src="'{{Config::get('app.url')}}/sudan2018book/public/img/' + post.user.pic">
</div>

但我收到以下错误，我不确定它们是什么意思：

Answer 1

这意味着post.user为空。这可能是因为您正在进行的async调用此时尚未检索到数据，或者您的某些帖子的user属性设置为null 。无论哪种方式，您都应该在尝试访问该属性之前检查v-for不是post.user的{​​{1}}，您可以使用null执行此操作：

v-if

这里是JSFiddle：https://jsfiddle.net/ofm4fe60/