美文网首页Vue.js专区
关于Vue-drag-resize多个可拖拽目标的唯一定位问题

关于Vue-drag-resize多个可拖拽目标的唯一定位问题

作者: 糯米团子_大芒果 | 来源:发表于2020-04-06 22:44 被阅读0次

首先这个是Vue-drag-resize的git地址https://github.com/kirillmurashov/vue-drag-resize

最近做项目的时候,为了实现拖拽和resize这两个功能,用到了这个第三方组件,但是在使用过程中发现,这个组件所提供的event似乎都没有定义id或者其他可以唯一定位的东西,类似下图只能拿到拖拽目标的这四个属性。我不知道是我没找到还是真没有,因为没时间去看他的源码。


其中一个event

为了实现例如传多一个id的需求,可以这么写,point就会包括上图的四个属性,然后在自定义的function里传入这个point还有拖拽目标的id


code
控制台输出可以看到,完美解决多个可拖拽目标时,定位具体操作哪个目标的问题。
console

有更好的解决办法也可在评论区提供

相关文章

  • 关于Vue-drag-resize多个可拖拽目标的唯一定位问题

    首先这个是Vue-drag-resize的git地址https://github.com/kirillmurash...

  • 拖拽事件

    一个完整的拖拽事件通常包括以下几个流程: 1:设置拖拽的目标及属性从而实现目标的可拽性。 2:为拖拽目标设置方法以...

  • 关于为多个DIV加拖拽里面this的问题

    关于调试 话说一个程序员的调试能力可体现出他的整体素质。所以我要养成好的调试习惯,减少在调试上花的时间。 解决问题...

  • 目标检测

    目标定位 目标检测是计算机视觉中一个热门的应用领域,实现目标检测首先需要实现目标的定位问题。通常一张图片有多个目标...

  • Maven学习笔记

    maven构件:artifact 生命周期阶段:phase 插件:plugin ->:单个或多个目标的集合 插件目...

  • 目标检测概念

    一、目标检测概念 目标检测的实质是多目标的定位,即要在图片中定位多个目标物体。 例如下图,既要定位各个目标,还需要...

  • vue 使用拖拽拉伸组件vue-drag-resize

    1.安装 2.组件内使用 3.使用(外层需要套一个div) [具体的相关配置可以看这里]https://blog....

  • 拖拽效果

    需要提前了解的 运动都需要定位的支持,所以如果想实现拖拽,拖拽目标必须设置position为定位属性。 事件源 拖...

  • 拖拽操作

    应用: 1.拖拽排序2.拖拽上传3.拖拽裁剪 拖拽流程 确定可拖拽的内容-->开始拖拽-->拖拽过程-->结束拖拽...

  • 事件高级(二)

    事件高级(二) 可重用的选项卡实例 限制范围的拖拽实例 磁性吸附的拖拽实例 解决拖拽问题一:选中文字 事件捕获:s...

网友评论

    本文标题:关于Vue-drag-resize多个可拖拽目标的唯一定位问题

    本文链接:https://www.haomeiwen.com/subject/witwphtx.html