Vue 3 Draggable

Posted on  by admin
A Customizable Draggable Component For Vue 2 And Vue 3.

Supports Vue 2 and Vue 3! Comes with a battery batteries included component / directive / composable or for users who want more control a simple abstraction over drag events with the core, wich is also available as a component / directive / composable.

Based on React Draggable. For Vue2 add the composition-api to your dependencies.

The easiest way to make your elements draggable is by using the DraggableDirective which will handle everything for youwith no configuration necessary.


This project uses Vite for development and Rollup to create a distribution. Testing is done with Cypress.You can find the specs in the cypress directory;. An advanced drag and drop component for Vue.js 3+. Supports clone, transition group, nested items, Vuex, and much more.

Based on the Sortable JavaScript library. Import the component. import { defineComponent } from ‘vue’import { VueDraggableNext } from ‘vue-draggable-next’.

Add the drag and drop component to the template. Register the component and define the list to be sorted via drag and drop.

All default props.

v2.1.0 (10/10/2021). Feat: Future index support for multiple draggable instance while cloning from between different instances.

v2.0.0 (11/07/2020). fix: type definition support.

? Quickstart