vue運算元組時遇到的坑

2022-04-29 03:45:06 字數 873 閱讀 3206

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

用Vue做專案時 遇到的坑

vue專案心得 1.用到了moment外掛程式 格式化時間.匯入格式化時間的外掛程式 1.import moment from moment 2.用到了過濾器 註冊全域性過濾器 vue.filter dateformat function datestr,pattern yyyy mm dd hh ...

vue中遇到的坑

1 乙個是eventhub的坑 重複監聽的問題 解決方案監聽之前先off掉 2 路由的坑 不加replace會兩個頁面來回跳,無法正常的返回父級頁面。3 vuejs對data中陣列的原生方法進行了封裝,所以在改變陣列時能夠觸發檢視更新,但是以下兩種情況是無法觸發檢視的更新的 1 通過索引直接修改陣列...

安裝 anaconda 時遇到的坑

在win10系統中安裝anaconda時,最後總是報錯 unicodedecodeerror utf8 codec can t decode byte 0xce in position 11 invalid 這是由於windows使用者名稱中含有中文字元導致的,網上好多推薦對windows使用者名稱...