Ich habe Schwierigkeiten, tiefe Gegenstände zu entfernen

Question

Meine Vue-Komponente verwendet ein Objekt innerhalb eines Objekts, um Elemente anzuzeigen. Wenn ich auf der Seite auf eine Schaltfläche klicke, möchte ich eines der verschachtelten Objekte löschen. Es scheint gelöscht zu sein. Wenn ich console.log(this.query_filters.target_filters[id]) direkt nach dem Löschen des Elements ausführe, wird angezeigt, dass das Objekt gelöscht wurde (siehe erster Screenshot). Auf der Registerkarte „Vue“ wird das Element jedoch weiterhin angezeigt und meine Benutzeroberfläche wird nicht aktualisiert, um anzuzeigen, dass es entfernt wurde (siehe zweiter Screenshot).

Ich entferne verschachtelte Objekte wie folgt: 删除 this.query_filters.target_filters[id];

Ich setze das Objekt nirgendwo anders zurück bzw. füge es nicht hinzu (dies geschieht nur einmal, wenn auf eine bestimmte Schaltfläche geklickt wird).

Answer 1

我找到了答案：

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

（来源：Vue.js 2：从数据对象中删除属性)