Vue berechnete Funktion resultierte in einem Fehler, wenn Daten hinzugefügt wurden

Question

In meinem Jsbin hier http://jsbin.com/fecukitisu/edit?html,js,output. Meine Gesamt- und Steuerbindungen funktionieren, bis ein Benutzer über die Schaltfläche "Hinzufügen" einen neuen "Verkauf" hinzufügt. Ich kann nicht herausfinden, warum die berechneten Funktionen NAN zurückgeben, wenn ein anderer Verkauf hinzugefügt wird. Jede Hilfe wird sehr geschätzt!

Answer 1

Es sieht wie ein Fehler mit dem Rückgabewert der Datenfunktion Ihrer Komponente aus. Sie haben die Eigenschaft "sale" auf ein Array von Objekten eingestellt. Es sollte nur ein Objekt sein. dies ändern:

data: function() { 
     return { 
     tip: 8.50, 
     sale: [ 
      { price: '' }, 
      { desc: '' }, 
      { amount: '' } 
     ] 
     }; 
    } 

Um dies:

data: function() { 
     return { 
     tip: 8.50, 
     sale: { 
      price: '', 
      desc: '', 
      amount: '' 
     } 
     }; 
    }