Использование vuetify имеет много преимуществ, но перетаскивание содержимого v-data-table явно не одно из них.
Есть несколько связанных с Vue библиотек, но мы можем сделать это с помощью Sortable.js, который может дать отличные результаты с небольшой дополнительной полезной нагрузкой!
Цель
Мы используем vuetify 2.x и хотим, чтобы таблица v-data имела функцию перетаскивания.
Конечно, мы ожидаем, что будут перемещаться не только строки в HTML, но и данные!
Таким образом, каждый раз, когда наш пользователь будет перетаскивать элементы в таблице, наш массив также будет обновляться.
Как это работает
Мы выбираем отрисованное тело таблицы в dom и используем библиотеку Sortable для выполнения наших торгов.
Обратите внимание: если у вас несколько таблиц, вам нужно сделать селектор более конкретным, чтобы избежать странного / непредсказуемого поведения.
Это так просто!
вы можете увидеть живую демонстрацию здесь
или вы можете получить полный код проекта
