vue操作數組時遇到的坑


 用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下面對象還有子節點對象,操作起來比較麻煩

   


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM