1. 程式人生 > >基於vue框架專案開發過程中遇到的問題總結(一)

基於vue框架專案開發過程中遇到的問題總結(一)

(一)關於computed修改data裡變數的值

問題:computed裡是不能直接修改data裡變數的值,否則在git commit 時會報錯

解決:在computed裡使用get和set來進行獲取和修改data變數,(參考下圖)

(二)computed裡監聽陣列的變化

問題:computed裡返回一個數組,但是在進行交換數組裡兩個元素的位置不能觸發computed的更新(檢視不能更新)

解決:使用this.$set修改陣列的值

          this.$set(arr,index,val),arr是指修改的陣列,index指下標(修改的位置),val指想修改的結果,使用$set可實時更新檢視

(三)transition-group使用時,key值坑

問題:之前單純想的是直接將迴圈出的index賦值給key,但是在交換元素位置出現錯亂問題,原因是交換位置後,元素的key發              生了變化

解決:給key值設定一個不會因為位置變化而變化的值,比如我直接使用的是id