vue-draggable-resizable-gorkys组件基于vue-draggable-resizable进行二次开发,
用于可调整大小和可拖动元素的组件并支持冲突检测、元素吸附、元素对齐、辅助线
安装:
npm install --save vue-draggable-resizable-gorkys
全局引用:
import Vue from 'vue'
import vdr from 'vue-draggable-resizable-gorkys'
import 'vue-draggable-resizable-gorkys/dist/VueDraggableResizable.css'
Vue.component('vdr', vdr)
使用:
<-- 拖拽组件 -->
<vue-draggable-resizable
:w="500" :h="500"
:x="0"
:y="0"
:parent="true"
:debug="false"
:snap="true"
:snapTolerance="10"
:grid="[1,1]"
:isConflictCheck="false"