How to not move items / How to only call callback/emit change event?

[igorlvicente]

My problem is that I use Sortable with Vue.
That means that the array (therefore the order of the items) are defined by a state outside of Sortable and DOM.
I have this problem that I was not able to solve:

1. Move item from position initial to final
2. onEnd calls callback or parent's callback
3. Validate some rules. Item should not be moved.
4. Show error on screen for user
5. List on state keeps the original order (item is in position initial)
6. DOM has the wrong order final

I think the way would it be to not change the order on DOM, just trigger a change to be handled for whatever has the power.
I don't know if I make myself clear enough, but any questions, let me know.

[waynevanson]

@igorlvicente Have you checked out the vue bindings?

[igorlvicente]

@igorlvicente Have you checked out the vue bindings?

No, I have not. Where can I read about it?

[waynevanson]

@igorlvicente https://github.com/SortableJS/Vue.Draggable

Because Sortable manipulates the DOM and so does Vue, the bindings basically reverses what Sortable does and allows Vue to take control.

[igorlvicente]

That doesn't help my specific case because I use the Element UI library and I don't have access to the sortable items' wrapper.

[yaolunmao]

I also encountered this problem. Have you solved it