我的 Vue 元件使用物件內部有一個物件來顯示元素。當我單擊頁面上的按鈕時,我想刪除其中一個嵌套物件。它似乎被刪除,當我在刪除元素後立即執行 console.log(this.query_filters.target_filters[id]) 時,它顯示該物件已被刪除(請參閱第一個螢幕截圖)。但是,Vue 選項卡仍然顯示該元素,並且我的 UI 沒有更新以表明它已被刪除(請參閱第二個螢幕截圖)。
我正在刪除嵌套對象,如下所示:刪除 this.query_filters.target_filters[id];
我不會在其他任何地方重置/新增物件(這只在單擊某個按鈕時發生一次)。
我找到了答案:
Vue.delete(this.query_filters.target_filters, id);
(來源:Vue.js 2:從資料物件中刪除屬性)