vue.draggable.next
vue.draggable.next copied to clipboard
Nested draggable: change one node will unnecessarily trigger other nodes to update
stackblitz link
https://stackblitz.com/edit/vitejs-vite-uy5dz6?file=src%2FApp.vue,src%2Fcomponents%2FVueDraggableNested.vue,src%2Fcomponents%2FTreeItemExampleOnDoc.vue&terminal=dev
Step by step scenario
instructed in the link
Actual Solution
change v-show to v-if for nested draggable could avoid other nodes get updated that triggered by the target node, but it will force the target node to be re-rendered every time when v-if is toggled.
Expected Solution
Keep v-show on nested draggable and Only trigger update for the changed node.