基於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

 

這是參與該項目開發第一周遇到並已解決的問題,接下來幾個月將持續更新


免責聲明!

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



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