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>

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

阅读 1.8k
1 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题