Menghadapi masalah mengeluarkan objek dalam

Question

Komponen Vue saya menggunakan objek di dalam objek untuk memaparkan elemen. Apabila saya mengklik butang pada halaman, saya ingin memadamkan salah satu objek bersarang. Nampaknya dipadamkan, apabila saya melakukan console.log(this.query_filters.target_filters[id]) sejurus selepas memadamkan elemen, ia menunjukkan bahawa objek telah dipadamkan (lihat tangkapan skrin pertama). Walau bagaimanapun, tab Vue masih memaparkan elemen dan UI saya tidak dikemas kini untuk menunjukkan bahawa ia telah dialih keluar (lihat tangkapan skrin kedua).

Saya sedang mengalih keluar objek bersarang seperti ini: 删除 this.query_filters.target_filters[id];

Saya tidak menetapkan semula/menambah objek di tempat lain (ini hanya berlaku sekali apabila butang tertentu diklik).

Answer 1

Saya jumpa jawapannya:

Vue.delete(this.query_filters.target_filters, id);

(Sumber: Vue.js 2: Alih keluar sifat daripada objek data)