vue.draggable animation 过渡效果

通过animation属性设置vue.draggable过渡效果,这样拖动时过渡位置就不会显的太生硬。

animation属性

属性名称 默认值 说明
animation 0 拖动时的过渡效果
<draggable v-model="arr1"   animation="300">
   <transition-group>
       <div class="item" v-for="item in arr1" :key="item.id">{{item.name}}</div>
   </transition-group>
 </draggable>

例子