Beim Übergeben von Daten von Eltern zu Kind, übergibt es aber Ansicht wird nicht aktualisiert

Question

Ich habe eine Stamm- und eine untergeordnete Komponente. Ich versuche, Daten mit den Requisiten von Eltern zu Kind zu übergeben.

Durch Vue Debugger-Erweiterung kann ich sehen, dass meine Komponente die accountTypes aber ID nicht angezeigt wird.

Die Objektstruktur ist wie folgt:

var obj = { 
     1 : [ "a", "z", "k", "m" ] 
     2 : [ "a", "b", "c", "d" ] 
} 

Und in meinem Haupt-app,

var app = new Vue({ 

el: '#root', 

data: { 
    accountTypes : {}, 
}, 



methods : { 
    // selecting & pushing 
    accountTypeSelected(clientIndex, formName, action) { 
     if (action == 'add') { 
      this.pushValue(clientIndex, formName) 
     } else { 
      this.removeFromArray(clientIndex, formName) 
     } 
    }, 

// And these are what I use for push and delete: 
    pushValue(key, value) { 
     var obj = this.accountTypes 

     if (obj.hasOwnProperty(key)) { 
      var idx = $.inArray(value, obj[key]); 
      if (idx == -1) { 
       obj[key].push(value); 
      } 
     } else { 
      obj[key] = [value]; 
     } 
    }, 

    removeFromArray(key, val) { 
     var idx = $.inArray(val, this.accountTypes[key]); 
     if (idx != -1) { 
      this.accountTypes[key].splice(idx, 1); 
     } 
    } 
} 

Answer 1

Sie initialisieren accounts von accountTypes, aber Initialisierung ist eine einmalige Sache. Aktualisierungen an accountTypes werden nicht erneut initialisiert accounts.

Wenn Sie wollen, dass das Kind mit dem Elternteil auf dem neuesten Stand ist, dann sollten Sie accounts loswerden und einfach accountTypes verwenden.