vue.draggable.next icon indicating copy to clipboard operation
vue.draggable.next copied to clipboard

Nested draggable: change one node will unnecessarily trigger other nodes to update

Open ga676005 opened this issue 3 years ago • 0 comments

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.

ga676005 avatar May 19 '22 02:05 ga676005