Vue,列表动画

<button @click="data = [1,2,3,4,5]">click</button>
<transition-group>
   <div class="odiv" :style="{width:`${item*30}px`}" v-for='(item,index) in data' :key='item'></div>
</transition-group>

这样在列表循环时,长度或者其他样式是可能根据渲染的数据来决定的时候,如果不借助其他库的话这种动画应该要怎么实现呢,求大佬看看呀

回答:

解决了,在v-enter阶段把初始化的样式important,因为style的权重更高导致没有动画效果,不知道大佬们有没有其他的解决办法

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注