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

Drag and Drop Tasks Between Columns thumbnail image

Get access to the most comprehensive Vue.js video library in the world. Over 300 video lessons including the newest Vue 3 features.

Drag and Drop Tasks Between Columns

In this lesson, we implement the drag and drop functionality for our Trello board tasks. Dragging between different columns is pretty simple due to the group prop on the vue draggable compnent.