使用 Vue.js 和 Laravel 从服务器获取数据 [关闭]

【问题标题】：Fetching data from the server using Vue.js and Laravel [closed]使用 Vue.js 和 Laravel 从服务器获取数据 [关闭]
【发布时间】：2018-02-08 14:22:49
【问题描述】：

我有一个Vue 应用程序，它成功发出ajax 请求以从服务器获取数据。然后我使用v-for 循环数据，如下所示：

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

但我收到以下错误，但不确定它们的含义：

【问题讨论】：

标签： laravel vue.js

【解决方案1】：

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

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

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

【讨论】：