vue.draggable中文文档

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>

例子

Catalog
快速入门 js 版本 vue3 版本 常用例子 vue.draggable 单列拖拽 vue.draggable 表格拖动 vue.draggable 多列拖动 属性列表 group 拖拽分组 delay 响应时间 disabled 启用禁用 scroll 是否允许滚动 animation 过渡效果 handle 可拖动元素 filter 排除元素 chosenClass 选中样式 ghostClass 位符样式 clone 拷贝拖拽 事件列表 全部事件列表 move 自定义控制 add 拖拽完成事件 start 开始拖动