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