移除深层物体时遇到问题

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：从数据对象中删除属性)