vue官方文檔:
https://cn.vuejs.org/v2/guide...

由于 JavaScript 的限制，Vue 不能檢測以下變動的數(shù)組：
當(dāng)你利用索引直接設(shè)置一個項時，例如：vm.items[indexOfItem] = newValue
當(dāng)你修改數(shù)組的長度時，例如：vm.items.length = newLength

為了解決第一類問題，以下兩種方式都可以實現(xiàn)和 vm.items[indexOfItem] = newValue相同的效果，同時也將觸發(fā)狀態(tài)更新：
// Vue.set Vue.set(example1.items, indexOfItem,newValue)
// Array.prototype.splice example1.items.splice(indexOfItem,1, newValue)
為了解決第二類問題，你可以使用 splice： example1.items.splice(newLength)

以上兩類要特殊處理, 其他的列表數(shù)據(jù)變動是能被vue檢測到的(包括各種splice,sort,push, 或者整個數(shù)組替換等等)

試試Vue.set?
如果實在懶，可以this.data = JSON.parse(JSON.stringify(this.data));?