VueJS 1.0.8 - 根据索引从数组中删除对象

Question

我正在将一个项目升级到 Vue 1.0。我有以下格式的对象数组：

data: {
shifts: {
            '43' : {
                userId: 43,
                name: 'Frank'
            },
            '90' : {
                userId: 90,
                name: 'Martha'
            }
        }
}

在 1.0 之前，要删除一个对象，我会使用 this.shifts.$delete('90') 来删除该对象。这不再有效，我不清楚替代品是什么。我也试过this.$remove(this.shifts, '90')、Vue.$remove(this.shifts, '90')等

此外，$add 已被弃用，取而代之的是 $set，但我不知道如何使用 $set 添加新对象（例如 '95: { userId: 95, name: 'John' }）。

非常沮丧，如有任何帮助，我们将不胜感激。

Answer 1

你可以试试这个，

// to set
Vue.set(this.shifts, '95', {userId: 95, name: 'John'})
// to delete
Vue.delete(this.shifts, '95')

http://codepen.io/pespantelis/pen/PPLJKP

VueJS 1.0.8 - 根据索引从数组中删除对象

VueJS 1.0.8 - Remove object from array based on index

javascript

vue.js