通过animation属性设置vue.draggable过渡效果,这样拖动时过渡位置就不会显的太生硬。
属性名称 | 默认值 | 说明 |
---|---|---|
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>
例子