Vue: $ vm. $ delete ('object.key') no funciona

Creado en 1 ago. 2016 · 3Comentarios · Fuente: vuejs/vue

Versión de Vue.js

1.0.26

Enlace de reproducción

http://jsbin.com/cavadiwosi/1/edit?html , js, consola, salida

pasos para reproducir

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

¿Lo que es esperado?

$vm.object.key no debería existir
$vm.$set('object.key', value) parece funcionar bien

¿Qué está pasando realmente?

$vm.object.key no cambia

Fuente

franciscolourenco

Comentario más útil

$set y $delete están obsoletos en la nueva versión. Utilice Vue.set y Vue.delete lugar.

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 en 1 ago. 2016

👍3

Todos 3 comentarios

$set y $delete están obsoletos en la nueva versión. Utilice Vue.set y Vue.delete lugar.

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 en 1 ago. 2016

👍3

Tenga en cuenta que la API solo admite la eliminación de las propias claves de la máquina virtual. Además, prefiera Vue.delete.