Alto Soy nuevo programando en Vue, pero quiero usar Vue Leaflet. Así que hice la versión simplificada de Thiggs de mi programa que resalta un problema de programación importante que tengo.

El código
Ver enlace: https://codesandbox.io/s/icy-shadow-xpxzww?file=/index.html

La meta
para hacer una mesa
1. con filas arrastrables
2. con datos que se pueden importar
3. con datos que se pueden agregar y eliminar
4. Y luego los datos se pueden reordenar
5. Y luego exportar los datos
6. Y hazlo todo en html y js

lo que he hecho hasta ahora
No tuve problemas con todo, excepto con el número 4. Probé vue.draggable, sin embargo, no pude reordenarlo en absoluto. Así que utilicé la API HTML Drag and Drop ( https://www.w3schools.com/html/html5_draganddrop.asp ). Cuando seleccione una fila, la primera columna se reiniciará contando los índices de arriba a abajo. Pero eso lleva al problema.

El problema
Mi código no tiene una función o método que envíe información sobre el reordenamiento de las filas a la función de guardar archivo y no veo cómo puedo implementar eso. ¿Alguien me puede ayudar? Gracias por adelantado.