DEV Community

Discussion on: VueJS - Drag 'n Drop

Collapse
imaginativeone profile image
Doug Franklin

Would it be difficult to add drop zones to a nested list, so I could move around the "cells"?

Collapse
vcpablo profile image
Pablo Veiga Author

Hey @imaginativeone , it shouldn't be. If you follow the same logic implemented here.
Every "piece" of your nested list that would allow an element to be dragged into, would be a DroppableItem with the proper events configured.

If you need something like being able to move a child node to another parent or sort the tree, the algorithm within the onDrop would be a little more complex than the example I've created for this article. But you would be able to do it.

Post here if you get anything new in regards to that. I would love to see how you solved the problem. :)