Как подружить Vue.js и jQuery UI sortable?

Подключаю к компоненту плагин jQuery UI sortable в mounted, все работает, все перетаскивается, но не знаю, как реактивно обновлять порядок в data экземпляра Vue.js
Понимаю что надо навесить обработчик sortable:update, но не понимаю как заставить Vue.js обновить данные в соответствии с отсортированным DOM.
  • Вопрос задан
  • 706 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
А может стоит перестать заниматься ерундой (в смысле - пытаться использовать jquery совместно с vue), и попробовать взглянуть в сторону чего-нибудь более подходящего?

Ну а так-то проблем нет: DOM-элементам добавляете какой-нибудь атрибут (типа data-id), который будет задавать связь между DOM-элементом и элементом данных; добавляете обработчик update своему sortable, в котором получаете DOM-элементы, выдергиваете значения атрибута, в соответствии с их порядком перестраиваете исходные данные. Например.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы