(一)關於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
這是參與該項目開發第一周遇到並已解決的問題,接下來幾個月將持續更新