mirror of
https://github.com/WeBankFinTech/fes.js.git
synced 2025-04-06 03:59:53 +08:00
3.0 KiB
3.0 KiB
pageClass |
---|
comp-page-class |
Draggable 拖拽
概述
拖拽改变列表数据时使用, 处理数据顺序问题
代码示例
{{item.content}}
通过设置差槽作用域获取子项item(默认子项名称),index(默认子项id名称),可以通过es2015的解构方式改变名称,
可以通过重写ui-draggable-current-item类来自定义拖拽时子项样式
API
Draggable props
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
disabled | 是否阻止拖拽事件 | Boolean | false |
list | 数据列表,必填 | Array |
Draggable Events
事件名 | 说明 | 回调参数 | |
---|---|---|---|
on-sort-ready | 拖拽开始时发生,可以在这通过控制dragDisabled阻止事件 | 共三个参数:依次为鼠标事件对象、当前拖拽节点、当前拖拽节点下标 | |
on-sort-end | 拖拽结束时触发 | 共三个参数:依次为鼠标事件对象、当前拖拽节点、当前拖拽节点下标 |