1.0.2 • Published 6 years ago

vue-draggable-directive v1.0.2

Weekly downloads
2
License
MIT
Repository
github
Last release
6 years ago

image

vue-draggable

a simple draggable directive of Vue Try this demo

How to use

npm i vue-draggable-directive --save-dev
import Vue from 'vue'
import VueDraggable from 'vue-draggable-directive'

Vue.use(VueDraggable)
// only draggable
<div v-draggable></div>
// clone
<div v-draggable="{clone: true}"></div>
// ...

API(Directive Value)

keytypevalue
cloneBooleantrue/false
boundingRectObject{top: x, right: x, bottom: x, left: x}
onPosChangeFunctionParams: type: String: moushDown/MouseMove/MouseUpel: HTMLElementpos: Object: {x: xx, y: yy}