未定義のプロパティを読み取れません

Question

私はVueとLaravel 5.4で作業しています。

私は内部にユーザオブジェクトを持つ単一のポストオブジェクトを持っています。

ポストオブジェクト内のそのユーザーオブジェクトからデータを取得しようとすると、データがページ上で正常に表示されても「アンダーファインドのプロパティを読み取れません」というメッセージが表示されます。ここで

は私のポストオブジェクトです：

私はそれを呼び出しています。ここ

：.vueファイルでその上

<div class="pull-left"> 
    <a href="#"> 
    <img class="media-object avatar" :src="singlePost.user.photo_url" alt="img" /> 
    </a> 

をし、すべてがうまく上のレンダリングページ。

私は、そのアプリケーションの現在のユーザーであるユーザーの小道具を持っています。

アイデア？

Answer 1

あなたは、おそらくこのようヌルチェックを追加する必要があります。

<div class="pull-left"> 
    <a href="#"> 
    <img class="media-object avatar" :src="singlePost && singlePost.user.photo_url" alt="img" /> 
    </a>