vue-drag-directive
基于 vue.js 2.x 的拖动指令
说明
- 将绑定指令的DOM元素以fixed形式设置为可移动
- 同时支持PC端与移动端
安装
使用 npm 或 yarn 安装:
npm i -S vue2-drag-directive
// or
yarn add vue2-drag-directive
使用
import Vue from 'vue'
import Vue2DragDirective from 'vue2-drag-directive'
Vue.use(Vue2DragDirective)
在你的 .vue
文件中:
<div v-drag>draggable</div>
APIs
指令可接收一个配置对象
属性 | 类型 | 说明 | 函数参数或默认值 |
---|---|---|---|
isBeyondDocument | Boolean | 移动时DOM元素是否可以超出文档 | false |
start | Function | 按下时执行 | { top, left, pointX, pointY } |
moving | Function | 拖动时执行 | { pointX, pointY, offsetTop, offsetLeft } |
end | Function | 抬起时执行 | { pointX, pointY, top, left } |
LICENSE
MIT License