Vue.js 2：从数据对象中删除属性

Question

如何从 Vue.js 数据对象（即关联数组）中删除属性/键，如下所示：

 var vm = new Vue({
    data: {
        users: {
            foo : { firstName: ..., lastName: ... },
            bar : { firstName: ..., lastName: ... }
        }
    },
    methods: {
        someFunction : function ()
        {
            // how to remove `users.foo`?
        }
    }
});

谷歌搜索，我找到了这两种方法，但都不起作用：

• delete this.users.foo; 没有更新 DOM
• this.users.splice('foo', 1); 根本不起作用（可能仅适用于数组，不适用于对象）

原文由 Thomas Landauer 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

答案是：

 Vue.delete(users, 'foo');

我花了一段时间才找到它，这就是我在这里发布它的原因;-)

https://github.com/vuejs/vue/issues/3368#issuecomment-236642919

原文由 Thomas Landauer 发布，翻译遵循 CC BY-SA 3.0 许可协议