美文网首页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多个可拖拽目标的唯一定位问题

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