vue-draggable-resizable-gorkys 可拖拽缩放的组件

说明:组件基于vue-draggable-resizable进行二次开发。

文章引用于vue-draggable-resizable 可拖拽缩放的组件 - SegmentFault 思否

git引用于:GitHub - gorkys/vue-draggable-resizable: Vue2 Component for draggable and resizable elements.

根据上文描述与及二次开发提供的文档,进行总结。满满的干货,完美解决小伙伴们应拖拽而烦恼的项目,也适用新学习拖拽开发小白们。

1.定义组件是否开启冲突检测。 

isConflictCheck
    Type: Boolean
    Required: false
    Default: false
    
<vue-draggable-resizable :is-conflict-check="true">

 2.定义组件是否开启元素对齐。

snap
    Type: Boolean
    Required: false
    Default: false

<vue-draggable-resizable :snap="true">

3.当调用snap时,定义组件与元素之间的对齐距离,以像素为单位。 

snapTolerance
    Type: Number
    Required: false
    Default: 5

<vue-draggable-resizable :snap="true" :snap-tolerance="20">

由于属性和事件太多,没有全部展示上来,下面链接是分享整理在有道笔记的链接,想看的可以直接点击。

整理的属性及事件

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值