1. 程式人生 > >【vuejs】vue陣列操作

【vuejs】vue陣列操作

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為觸發檢視更新,包裝了以下變異方法:
push()
pop()
shift()
unshift()
splice()  //無論何時,使用該方法刪除元素時注意陣列長度有變化,bug可能就是因為她
sort()
reverse()
2、非變異方法(不會修改原始陣列而是返回一個新陣列),如concat()、filter(),使用時直接用新陣列替換舊陣列,如上面的合併陣列例子。

五、注意:

//以下操作均無法觸發檢視更新
this.arr[index] = val;
this.arr.length = 2;  
詳細瞭解請參考vue官方文件陣列變動檢測

原文地址:http://blog.csdn.net/qq_24849765/article/details/52336963