我的 Vue 组件使用对象内部有一个对象来显示元素。当我单击页面上的按钮时，我想删除其中一个嵌套对象。它似乎被删除，当我在删除元素后立即执行 console.log(this.query_filters.target_filters[id]) 时，它显示该对象已被删除（参见第一个屏幕截图）。但是，Vue 选项卡仍然显示该元素，并且我的 UI 没有更新以表明它已被删除（请参阅第二个屏幕截图）。
我正在删除嵌套对象，如下所示：
删除 this.query_filters.target_filters[id];
我不会在其他任何地方重置/添加对象（这只在单击某个按钮时发生一次）。
P粉1229324662024-04-04 18:29:10
我找到了答案：
Vue.delete(this.query_filters.target_filters, id);
（来源：Vue.js 2：从数据对象中删除属性)