本文共 369 字,大约阅读时间需要 1 分钟。
在实现列表的过渡的时候,如果需要过度的元素,通过v-for渲染出来的,不能使用transition包裹,需要使用transition-group
如果要为v-for循环创建的元素设置动画,必须为每一个元素设置:key属性 transition-gruop的属性 的appear可以实现列表的入场效果 用户在删除列表时使用,将li宽度设置为100%能提升美感 使用tag属性可以指定transition-gruop渲染为指定的元素,不指定的话会默认的渲染为span元素 /使用.v-move和.v-leave-active 配合使用,能够实现列表的后续的元素,渐渐地飘上来的效果/ .v-move{ transition: all 0.6s ease; } .v-leave-active{ position: absolute; } 实例转载地址:http://uoxui.baihongyu.com/