适用 vue3、element-plus 组件库
使 el-table 可拖拽
基于 sortable.js
- 简单列表拖拽
- 多表格相互拖拽
- Handle 可拖拽
- 多表格相互拖拽克隆
- 异步调用失败复位
- 列拖拽
- treeTable
- 行拖拽
- 拖拽复原
- 支持 sortable.js 属性
- 列拖拽
<ElTableDraggable>
<el-table></el-table>
</ElTableDraggable>
属性名 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
tag | ElTableDraggable 渲染的 component | string/component | - | div |
[sortableOption] | 任一 sortableOption | - | 请参考 https://github.com/SortableJS/Sortable#options | -- |
方法名 | 说明 | 参数 |
---|---|---|
onEnd | 拖拽结束回调,evt 是拖拽事件相关属性,reposition 是复位函数,可以用于复原这次拖拽 |
evt,reposition |