xh-draggable
实现任意元素、组件拖动、排序、改变大小,无需修改原组件代码
用法
import Draggable from 'xh-draggable';
const d = new Draggable(
$dom, // 需要控制的元素元素
options // 配置参数
);
d.on('dragOut', () => {
.....
});
参数
参数 |
类型 |
默认值 |
说明 |
dragId |
string |
|
拖动ID,在使用跨元素拖动时必传 |
isChildren |
boolean |
false |
元素内的子元素是否能被拖动 |
isAllowOut |
boolean |
false |
子元素是否能拖出父元素,跨元素拖动需设置为ture |
isAllowIn |
boolean |
false |
其他子元素是否能拖入本元素,跨元素拖动需设置为ture |
isSort |
boolean |
false |
是否支持拖动排序 |
resizeId |
string |
|
元素可以被拖动改变宽度、高度 |
direction |
right / left / top / bottom |
|
元素被拖动的改变方向 |
事件
事件 |
参数 |
说明 |
drag |
{id: dragId, index: 索引} |
元素被拖动 |