基于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
这是参与该项目开发第一周遇到并已解决的问题，接下来几个月将持续更新
旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。
更多推荐
6
0- 0
已为社区贡献1条内容
所有评论(0)