How to make friends Vue.js and jQuery UI sortable?

Question

JavaScript

Good afternoon!
I connect the jQuery UI sortable plugin to the mounted component, everything works, everything is dragged, but I don’t know how to reactively update the order in the data of the Vue.js instance
I understand that I need to hang the sortable:update handler, but I don’t understand how to force Vue.js to update the data in according to the sorted DOM.

Answer 1

Or maybe you should stop doing nonsense (in the sense of trying to use jquery in conjunction with vue), and try to look towards something more suitable ?
Well, there are no problems: add some attribute (of type data-id) to DOM elements, which will set the relationship between the DOM element and the data element; add an update handler to your sortable, in which you get DOM elements, pull out the attribute values, rebuild the source data in accordance with their order. For example .