Berechnete verschachtelte Eigenschaft Vuejs

Question

Ich habe ein Problem mit einer modalen Komponente für die berechnete verschachtelte Eigenschaft.

Ich habe eine übergeordnete Komponente, die "Modal-Komponente" ruft Daten durch Requisiten übergeben.
Das Objekt, das ich zu meinem compoments passiere das ist wie:

modalProposal:{ 
    name:test, 
    old: { name: oldTest } 
} 

Also gebe ich mein Objekt zu meinen Komponenten:

<modal :modal-proposal="modalProposal"></modal> 

So sollte meine Komponente modal haben:

export default { 
     props:["modalProposal"], 
     data() { 
      return { 
      } 

     }, 
     computed:{ 
      proposal(){ 
       return this.modalProposal; 
      } 
     } 
    } 

modalProposal wird durch die Funktion vom übergeordneten Element in v-for eingestellt:

<button class="btn btn-primary" id="show-modal" v-on:click="openModal(proposal)">see proposal</button> 

Funktion openModal:

openModal(proposal){ 
       this.modalProposal = proposal; 
       $('#proposalModal').modal('show'); 
      } 

Nun mein Problem ist, dass in Vorlage, Wenn i proposal.name schreiben Es funktioniert, aber wenn ich proposal.old.name schreiben Es gibt Fehler

"TypeError: Cannot read property 'name' of undefined"

Wie kann ich auf eine verschachtelte Eigenschaft Zugriff auf proposal weitergegeben?

Answer 1

Wenn jederzeit, modalProposal.old ist undefined dann der Code proposal.old.name einen Fehler werfen. In der Regel wird dies gelöst, indem ein Schutz verwendet wird oder einfach nicht versucht wird, auf proposal.old.name zuzugreifen, bis proposal.old einen Wert hat.

Hier ist ein Beispiel für einen Schutz.

proposal.old && proposal.old.name