javascript - 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但我不知道如何使用 '95: { userId: 95, name: 'John' } 添加新对象(例如 $set ) .

非常令人沮丧，任何帮助将不胜感激。

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