vue-draggable-virtual-scroll-list

![]()

Description

🔌 [SortableJS/Vue.Draggable][] + ⚡ [tangbc/vue-virtual-scroll-list][] =
💡✨

Vue component who put [SortableJS/Vue.Draggable][] and
[tangbc/vue-virtual-scroll-list][] together and allow drag-and-drop and
big amount data list with high scroll performance.

![](images/screenshot.gif)

Usage

``html


      class="phrase-list"
    v-model="items"
    :size="50"
    :keeps="20"
    :data-key="'id'"
    :data-sources="items"
    :data-component="Item"
  >

Please see [./example/index.html][].

License

MIT License.

[1]: https://github.com/p-baleine/vue-draggable-virtual-scroll-list/workflows/CI/badge.svg
[SortableJS/Vue.Draggable]: https://github.com/SortableJS/Vue.Draggable
[tangbc/vue-virtual-scroll-list]: https://github.com/tangbc/vue-virtual-scroll-list
[./example/index.html]: ./example/index.html