Is it possible to make an nth child draggable?

Is this possible? If not I’d like to request that feature.

My use case is I’m using this Collapse element from Element.IO.

The problem is it seems like the collapse component must be a direct parent of the collapse-items. However in this Draggable library, it seems like the draggable component or the transition-group component must also be a direct parent. So, I can’t have both be direct parents.

I tried setting the class option but draggable doesn’t seem to pick up on it if the item is deeply nested as an nth child.

[David-Desmaisons]

Well you cannot. I guess you reached the limit of reusability of this component. At this point the only solution I see is forking collapse component and adding dnd feature with Sortable library without using vue.draggbale.

[David-Desmaisons]

See workinh example:

https://github.com/SortableJS/Vue.Draggable/blob/master/examples/Component3.html