Learn Vue JS course Learn Javascript and Vue JS Learn VueJS course Learn VueJS Tutorial

Build a Drag-and-Drop Trello Board with Vue.js

Sort the Columns with Vue Draggable

In this lesson, we get to the really exciting part: adding drag and drop functionality with Vue Draggable! The draggable component takes an array as it’s v-model and renders draggable elements for each of the items in the array. Whenever the elements are dragged on the page, the array order updates accordingly.