【vuejs】vue陣列操作
阿新 • • 發佈:2019-02-01
vue中陣列的操作總結:
一、根據索引設定元素:
2、呼叫splice方法:
二、合併陣列:
三、清空陣列:
四、主要的陣列方法:
1、變異方法(修改了原始陣列),vue為觸發檢視更新,包裝了以下變異方法:
一、根據索引設定元素:
1、呼叫$set方法:
this.arr.$set(index, val);
2、呼叫splice方法:
this.arr.splice(index, 1, val);
二、合併陣列:
this.arr = this.arr.concat(anotherArr);
三、清空陣列:
this.arr = [];
四、主要的陣列方法:
1、變異方法(修改了原始陣列),vue為觸發檢視更新,包裝了以下變異方法:
2、非變異方法(不會修改原始陣列而是返回一個新陣列),如concat()、filter(),使用時直接用新陣列替換舊陣列,如上面的合併陣列例子。push() pop() shift() unshift() splice() //無論何時,使用該方法刪除元素時注意陣列長度有變化,bug可能就是因為她 sort() reverse()
五、注意:
//以下操作均無法觸發檢視更新
this.arr[index] = val;
this.arr.length = 2;
詳細瞭解請參考vue官方文件陣列變動檢測。
原文地址:http://blog.csdn.net/qq_24849765/article/details/52336963