search

SortableJS / vue.draggable.next

Vue 3 compatible drag-and-drop component based on Sortable.js
https://sortablejs.github.io/vue.draggable.next/#/simple
MIT License
3.91k stars 531 forks source link

Item key changed but component didnt rerender #69

Closed gnidustotalus closed 2 years ago

gnidustotalus commented 3 years ago

Github link

https://github.com/gnidustotalus/vuedraggable-item-key-bug

Step by step scenario

  1. I have array of objects called slides.
  2. I have component Slide which is not re-rendering when item-key is changing

Actual Solution

When key is changing component didnt re-render.

Expected Solution

Component should re-render when key changed.

gnidustotalus commented 3 years ago

@David-Desmaisons Problem appears when I need validate data inside the list by vee-validate package. Can you show me an example how to use vue.draggable with vee-validate?

gnidustotalus commented 2 years ago

For me solution was update vee-validate to 4.5+ and using useFieldArray composable.

kathirr007 commented 1 year ago

For me solution was update vee-validate to 4.5+ and using useFieldArray composable.

Hi @gnidustotalus, Could you please provide a working example of the issue? It would be beneficial.

Thank you in Advance.