根據下標更改時

vm為新建的vue物件

ind為陣列

第一個e為在陣列ind中e索引位置

第二個e為更改為值e

vm.$set(vm.ind,e,e)

常規更改

arr為陣列

//新增
arr.push(1);
//刪除
arr.splice(*,*);
//替換
arr.splice(*,*,*);

splice方法

例項

例子 1

在本例中，我們將建立一個新陣列，並向其新增一個元素：

<script type="text/javascript">
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
document.write(arr + "<br />")
arr.splice(2,"William")
document.write(arr + "<br />")
</script>

輸出：

George,John,Thomas,James,Adrew,Martin
George,William,Martin

例子 2

在本例中我們將刪除位於 index 2 的元素，並新增一個新元素來替代被刪除的元素：

<script type="text/javascript">
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
document.write(arr + "<br />")
arr.splice(2,1,"William")
document.write(arr)
</script>

輸出：

George,Martin

例子 3

在本例中我們將刪除從 index 2 ("Thomas") 開始的三個元素，並新增一個新元素 ("William") 來替代被刪除的元素：

<script type="text/javascript">
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
document.write(arr + "<br />")
arr.splice(2,3,Martin
 


總結
以上所述是小編給大家介紹的vue更改陣列中的值例項程式碼詳解，希望對大家有所幫助！