div 设置 draggable="true" 后 mouseup无法触发

Question

`

<div draggable="true" class="wh100 flex-center th-single" @mousedown="mousedown" @mouseup="mouseup" @mousemove="mousemove">
   11111
  </div>
 `

需要一个拖动的效果 所以给div设置了 draggable但是拖动后mousemove mouseup这两个事件就无法触发
各位大佬们这个问题该如何解决

Answer 1

要么draggable设置为false，使用mousedown、mousemove、mouseup实现拖拽

要么draggable设置为true，使用dragstart、drag、dragend实现拖拽(对于目标容器，监听dragenter、dragover、dragleave、drop等事件)