Kann nicht lesen Eigenschaft von undefined

Question

Ich arbeite mit Vue und Laravel 5.4.

Ich habe ein einzelnes Postobjekt mit einem Benutzerobjekt innerhalb.

Wenn ich versuche, irgendwelche Daten von diesem Benutzerobjekt innerhalb des Post-Objekts zu bekommen, bekomme ich "Kann nicht lesen, unterfüllt", obwohl die Daten auf der Seite gut angezeigt werden.

Hier ist mein Beitrag Objekt:

Hier, wo ich es nenne:

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

Sein auf in einer .vue Datei und alles macht nur auf feine Die Seite.

Ich habe eine Benutzer-Prop, die übergeben wird, ist der aktuelle Benutzer der App.

Irgendwelche Ideen?

Answer 1

Sie müssen wahrscheinlich nur NULL-Prüfung wie folgt hinzuzufügen:

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