VUE中splice的使用

2022-07-31 14:45:37 字數 651 閱讀 1969

一,簡介

splice(index,len,[item])它也可以用來替換/刪除/新增陣列內某乙個或者幾個值(該方法會改變原始陣列)

二,用法

1 刪除

//刪除起始下標為1,長度為1的乙個值(len設定1,如果為0,則陣列不變)

var arr = ['a','b','c','d'];

arr.splice(1,1);

console.log(arr);

//['a','c','d'];

2 替換

//替換起始下標為1,長度為2的兩個值為『ttt』,len設定的1

var arr2 = ['a','b','c','d'];

arr2.splice(1,2,'ttt');

console.log(arr2);

//['a','ttt','d']

3 新增

//在下標為1處新增一項'ttt'

var arr = ['a','b','c','d'];

arr.splice(1,0,'ttt');

console.log(arr);

//['a','ttt','b','c','d']

Vue中splice的使用

index 陣列開始下標 len 替換 刪除的長度 item 替換的值,刪除操作的話 item為空 刪除起始下標為1,長度為1的乙個值 len設定1,如果為0,則陣列不變 var arr a b c d arr.splice 1,1 console.log arr a c d 刪除起始下標為1,長度...

vue中splice的使用

splice index,len,item 它也可以用來替換 刪除 新增陣列內某乙個或者幾個值 該方法會改變原始陣列 index 陣列開始下標 len 替換 刪除的長度 item 替換的值,刪除操作的話 item為空 刪除 刪除起始下標為1,長度為1的乙個值 len設定1,如果為0,則陣列不變 va...

vue 中 splice的用法 工作總結

在程式開發過程中,所有的bug都可以通過除錯解決.解決不了,說明你的知識體系不全面 本次要說的是vue template開發的 乙個頁面中引用了多個template,既父元件引用了多個子元件.當顯示乙個子元件就要將另乙個子元件隱藏起來.我們可以使用兩種方法 v show和v if 1.v show ...