Vue: $ vm. $ delete ('object.key') не работает

Созданный на 1 авг. 2016 · 3Комментарии · Источник: vuejs/vue

Версия Vue.js

1.0.26

Ссылка на воспроизведение

http://jsbin.com/cavadiwosi/1/edit?html , js, консоль, вывод

Действия по воспроизведению

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

Что ожидается?

$vm.object.key не должно существовать
$vm.$set('object.key', value) вроде работает нормально

Что на самом деле происходит?

$vm.object.key не меняется

Источник

franciscolourenco

Самый полезный комментарий

$set и $delete в новой версии устарели. Вместо этого используйте Vue.set и 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 1 авг. 2016

👍3

Все 3 Комментарий

$set и $delete в новой версии устарели. Вместо этого используйте Vue.set и 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 1 авг. 2016

👍3

Обратите внимание, что API поддерживает только удаление собственных ключей виртуальной машины. Кроме того, предпочитайте Vue.delete.