(一)关于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
这是参与该项目开发第一周遇到并已解决的问题,接下来几个月将持续更新