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