Vue-draggable-plus: The Universal Drag-and-Drop Solution for Vue

by Vue.js Examples

Vue-draggable-plus

vue-draggable-plus is a universal drag-and-drop component that supports both Vue 3 and Vue 2. It offers a variety of usage options, including components, functions, or instructions, making it flexible and adaptable to different project requirements.

View Demo View Github

Key Features:

  1. Compatibility with Vue 3 and Vue 2:

    • Supports both Vue 3 and Vue 2 frameworks, ensuring compatibility with a wide range of Vue projects.

  2. Based on Sortablejs:

    • Built on top of Sortablejs, a powerful JavaScript library for creating sortable lists and grids via drag-and-drop.

  3. Flexible Implementation:

    • Allows for drag-and-drop functionality to be implemented on any element, providing greater flexibility in integrating drag lists into Vue components.

  4. Customizable Container Selection:

    • Enables developers to specify the root element of the list using a selector, allowing for seamless integration with component libraries that may not provide a slot for the root element of the list.