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"