vue數組更新界面無變化

1. vue數組更新界面無變化

1.1. 說明

• 對數組進行更新或者添加，一定要注意方式，我的情況是數組套數組，雙重循環，在造數據的時候，不斷從尾部添加數據，所以寫成了如下形式，每次下拉都會去加載一批相同的數據添加到尾部。初步一看好像沒啥問題，實際上我碰到的就是有時候成功有時候數據一點沒有顯示

this.arrList[this.arrList.length] = {};
this.arrList[this.arrList.length-1].dataList = newArr;
this.arrList[this.arrList.length-1].header = 'A幢';

1.2. 解決

• 問題的根源請看這篇

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

• 解決方法請參考上面的鏈接，我這里給出我的代碼的改法

this.arrList[this.arrList.length] = {};
this.$set(this.arrList,this.arrList.length-1,{dataList:newArr,header:'A幢'});

1.3. 總結

• vue里還是有些方法不能進行數據綁定的操作的，對這些方法還是要着重看下，理解下