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