Vue: $vm.$delete('object.key') funktioniert nicht

Erstellt am 1. Aug. 2016 · 3Kommentare · Quelle: vuejs/vue

Vue.js-Version

1.0.26

Reproduktionslink

http://jsbin.com/cavadiwosi/1/edit?html ,js,Konsole,Ausgabe

Schritte zum Reproduzieren

$vm.$delete('object.key')

Was wird erwartet?

$vm.object.key sollte nicht existieren
$vm.$set('object.key', value) scheint gut zu funktionieren

Was passiert eigentlich?

$vm.object.key ändert sich nicht

Quelle

franciscolourenco

Hilfreichster Kommentar

$set und $delete sind in der neuen Version veraltet. Verwenden Sie stattdessen Vue.set und Vue.delete .

toggleRow: function(row) {
  key = row.id
  if (this.selectedRows[key]) {
    console.log('deleteRow: ', key)
    Vue.delete(this.selectedRows, key)
  }
  else {
    Vue.set(this.selectedRows, key, row)
  }   
}

itsMapleLeaf am 1. Aug. 2016

👍3

Alle 3 Kommentare

$set und $delete sind in der neuen Version veraltet. Verwenden Sie stattdessen Vue.set und Vue.delete .

toggleRow: function(row) {
  key = row.id
  if (this.selectedRows[key]) {
    console.log('deleteRow: ', key)
    Vue.delete(this.selectedRows, key)
  }
  else {
    Vue.set(this.selectedRows, key, row)
  }   
}

itsMapleLeaf am 1. Aug. 2016

👍3

Beachten Sie, dass die API nur das Löschen der eigenen Schlüssel der VM unterstützt. Bevorzugen Sie auch Vue.delete.