Vue.Draggable
Vue.Draggable copied to clipboard
How to detect original dragend event?
Step by step scenario
I want to detect the original dragend
event but it seems to not work with end
event handler.
dragstart
works with start
event handler.
Part of current code
<template>
...
<VueDraggable
class="dragArea"
:list="references"
:group="{ name: 'reference' }"
@start="onDragStart"
@end="onDragEnd"
@dragstart="onOriginalDragStart"
@dragend="onOriginalDragEnd">
...
</template>
<script>
...
onDragStart(e) {
console.log(e)
}
onDragEnd(e) {
console.log(e)
}
onOriginalDragStart(e) {
console.log(e)
}
onOriginalDragEnd(e) {
console.log(e) // not detected
}
...
</script>
Expected Solution
or is there any other solution to detect the original dragend
event?
The@end
event has an originalEvent
property