Vdr

拖拽组件

示例

父容器

可拖拽组件

代码

<vdr
  :w="200"
  :h="200"
  :min-width="20"
  :min-height="20"
  :isConflictCheck="true"
  :snap="true"
  :snapTolerance="20"
>
</vdr>

Attributes

参数	说明	类型	是否必要	默认值
w	宽度	Number	false	200
h	高度	Number	false	200
min-width	最小宽度	Number	false	0
min-height	最小高度	Number	false	0
isConflictCheck	定义组件是否开启冲突检测	Boolean	false	false
snap	定义组件是否开启冲突检测	Boolean	false	false
snapTolerance	当调用 snap 时，定义组件与元素之间的对齐距离，以像素(px)为单位	Number	false	5

其他属性 参考 vue-draggable-resizable-lollipope (opens new window)