继承
none
用法
<div v-Draggable="{drag:onDrag}" :style="dragStyle">
<p style="text-align:center">Drag Me</p>
</div>
属性
名称 |
类型 |
描述 |
默认 |
scope |
string |
拖动范围。 |
null |
disabled |
boolean |
为True时禁用拖动。 |
false |
handle |
Element,selector |
启动可拖动的手柄。 |
null |
revert |
boolean |
如果设置为true,当拖动停止时,该元素将返回到初始位置。 |
false |
deltaX |
number |
拖动的元素位置x与当前光标对应。 |
null |
deltaY |
number |
拖动的元素位置y与当前光标对应。 |
null |
edge |
number |
开始拖动的拖动宽度。 |
0 |
delay |
number |
定义启动拖动操作的延迟时间(以毫秒为单位)。 |
100 |
axis |
string |
定义被拖动元素移动的轴,可选值为“v”或“h”,
当设置为null时,将移动到“v”和“h”方向。 |
null |
cursor |
string |
拖动时的css光标 |
move |
proxy |
DraggableProxy |
拖动时使用的代理组件 |
null |
事件
名称 |
参数 |
描述 |
dragStart |
state |
开始拖动时触发 |
drag |
state |
拖动放置 |
dragEnd |
state |
当拖动结束时触发 |