Vue: $vm.$delete('object.key') tidak berfungsi

Dibuat pada 1 Agu 2016 · 3Komentar · Sumber: vuejs/vue

Versi Vue.js

1.0.26

Tautan Reproduksi

http://jsbin.com/cavadiwosi/1/edit?html ,js,console,output

Langkah-langkah untuk mereproduksi

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

Apa yang Diharapkan?

$vm.object.key seharusnya tidak ada
$vm.$set('object.key', value) tampaknya berfungsi dengan baik

Apa yang sebenarnya terjadi?

$vm.object.key tidak berubah

Sumber

franciscolourenco

Komentar yang paling membantu

$set dan $delete tidak digunakan lagi di versi baru. Gunakan Vue.set dan Vue.delete sebagai gantinya.

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 pada 1 Agu 2016

👍3

Semua 3 komentar

$set dan $delete tidak digunakan lagi di versi baru. Gunakan Vue.set dan Vue.delete sebagai gantinya.

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 pada 1 Agu 2016

👍3

Perhatikan bahwa API hanya mendukung penghapusan kunci vm sendiri. Juga, lebih suka Vue.delete.