首先这个是Vue-drag-resize的git地址https://github.com/kirillmurashov/vue-drag-resize
最近做项目的时候,为了实现拖拽和resize这两个功能,用到了这个第三方组件,但是在使用过程中发现,这个组件所提供的event似乎都没有定义id或者其他可以唯一定位的东西,类似下图只能拿到拖拽目标的这四个属性。我不知道是我没找到还是真没有,因为没时间去看他的源码。
其中一个event
为了实现例如传多一个id的需求,可以这么写,point就会包括上图的四个属性,然后在自定义的function里传入这个point还有拖拽目标的id
code
控制台输出可以看到,完美解决多个可拖拽目标时,定位具体操作哪个目标的问题。
console
有更好的解决办法也可在评论区提供
网友评论