vue-draggable-nested-tree icon indicating copy to clipboard operation
vue-draggable-nested-tree copied to clipboard
verified publisher icon phphe

拖拽时触碰到目标tree之后不松开鼠标再移出目标tree,但node还是被拖入到了最后一个接触过的tree中

Open lt125327422 opened this issue 6 years ago • 5 comments

从某个tree把其中的一个节点拖拽到了另一个tree之后不松开鼠标,之后再把鼠标移入到tree外层, 但node还是被拖入到了最后一个被接触的tree.我想当鼠标松开的目的地在tree外面的话就取消掉这次拖拽

lt125327422 avatar Jun 26 '19 07:06 lt125327422

在ondragend里判断是否在树外, 返回false阻止

phphe avatar Jun 26 '19 07:06 phphe

嗯,肯定是在这个钩子完成,但是可以用哪个参数来判断是否在树外,如果你能解决这个问题,我将非常感谢你,谢谢了!

lt125327422 avatar Jun 26 '19 13:06 lt125327422

一个思路: ondragend的参数draggableHelperInfo draggableHelperInfo.event是事件, 可以获取鼠标位置, 然后用鼠标位置判断是否在树外

phphe avatar Jun 26 '19 15:06 phphe

你说的这种方案对于目标树只有一个的话确实很好办,但是我们的需求中目标树的数量是动态的,位置也不确定,不过我非常感谢你能回答我的问题

lt125327422 avatar Jun 27 '19 00:06 lt125327422

占位节点所属树即为目标树 node._vm.store.dplh._vm.store

phphe avatar Jun 27 '19 03:06 phphe