移除深層物體時遇到問題

Question

我的 Vue 元件使用物件內部有一個物件來顯示元素。當我單擊頁面上的按鈕時，我想刪除其中一個嵌套物件。它似乎被刪除，當我在刪除元素後立即執行 console.log(this.query_filters.target_filters[id]) 時，它顯示該物件已被刪除（請參閱第一個螢幕截圖）。但是，Vue 選項卡仍然顯示該元素，並且我的 UI 沒有更新以表明它已被刪除（請參閱第二個螢幕截圖）。

我正在刪除嵌套對象，如下所示： 刪除 this.query_filters.target_filters[id];

我不會在其他任何地方重置/新增物件（這只在單擊某個按鈕時發生一次）。

Answer 1

我找到了答案：

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

（來源：Vue.js 2：從資料物件中刪除屬性)