用vue操作數組時,一般就那幾個方法,而且是可以渲染的,但是有時候列表是渲染不了的先說下操作數組的幾個方法吧
1 push ( )
這個方法是在數組的最后面添加元素
用法: 括號里寫需要加入的元素 this.list.push(object)
2 pop( )
刪除數組中的最后一個元素
用法: this.list.pop() 括號里不需要參數
3.shift ( )
刪除數組中的第一個元素 和pop()用法一樣
4.unshift ( )
在數組的最前面添加元素 和push()用法一樣
*5.splice( )
這個用法是挺重要的,它可以用來刪除,插入和替換數組中的元素
用法:splice() 括號中可以有3個參數,第一個是索引值就是從哪個索引開始算起,第二個是長度值,第三個是對象元素
有兩個參數的是刪除元素,這里的index是一個變量它是索引值,index是多少就刪除從index算起長度為一的元素
有三個參數的是替換也就是插入元素,我這里是自己寫的對象進行替換
6.注意
實際上我們在操作數組時有時會出現console出來的數據改變了,但是列表沒有渲染的問題,我建議大家在對數組進行操作時還是用this.$set()好點
這個是接着上圖做的小改變,然而這種方法也沒有渲染,因為需要對this.list進行操作才能使列表渲染,像這種寫法沒什么用
需要重新再來一遍把this.list里的對象再給替換一次,因為我做的功能是一個樹形表格,list下面對象還有子節點對象,操作起來比較麻煩