I’m looking for an example or solution on how to use drag and drop to sort components in a Vue 3 app without causing build errors for legacy browsers (e.g., Safari 11, Chrome 59, etc.).
Tried various versions of libraries like draggable, sortable, etc., but I’m getting a build error: “async generator functions are not supported yet.”
Due to issues with different browsers not supporting drag and drop, I’m looking for examples with the use of plain mousedown
etc..
:draggable="true"
@mousedown="startDrag($event,r,c)"
@mousemove="mouseDrag($event,r,c)"
@touchstart="startDrag($event,r,c)"
@touchend="touchDrag($event,r,c)"
Something similar to:
Vue3 ; How to make drag and drop work correctly on mobile?
o.henry is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
1