素材巴巴 > 程序开发 >

Vue在v-for写循环时使用transition-group动画的时候注意事项

程序开发 2023-09-14 09:14:07

Vue在v-for写循环时使用transition-group动画的时候注意事项

Vue3.0再使用v-for循环时不能将key设置为index值,否则动画会执行出bug,只会在最后的一个元素上执行动画效果,动态添加元素动画也无效过。
在这里插入图片描述
key修改成自定义的唯一性标识符即可解决问题
在这里插入图片描述


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。