More Premium Hugo Themes Premium Vue Themes

Vddl

Vue components for modifying lists with the HTML5 drag & drop API.

Vddl

Vue components for modifying lists with the HTML5 drag & drop API.

Author Avatar Theme by hejianxian
Github Stars Github Stars: 390
Last Commit Last Commit: Apr 5, 2018 -
First Commit Created: Aug 8, 2025 -
Vddl screenshot

Overview

If you’re looking to enhance your Vue.js applications with drag-and-drop capabilities, the Vue drag & drop lists offer an impressive solution. This library provides the tools necessary to implement flexible and dynamic lists, allowing users to easily reorder elements and create nested structures. However, it’s important to be aware of certain pitfalls, such as handling duplicate keys to prevent unexpected behavior within your application.

This functionality is particularly beneficial for those working with data management tasks or dynamic user interfaces where rearranging items is a common requirement. With compatibility across different Vue.js versions and a focus on modern web standards, this library is designed to provide a seamless experience for developers and end-users alike.

Features

  • Compatibility: Supports Vue.js versions 1.0 and 2.0, ensuring that it can be integrated into a wide range of projects.
  • Cross-browser Support: Works with all modern browsers, as well as Internet Explorer 9 and above, making it accessible to a broad audience.
  • Nested Lists: Allows for the creation of complex structures such as trees, enabling more sophisticated data organization.
  • Custom Event Handling: Facilitates custom drop and move events, allowing developers to manage the state of their applications effectively and avoid issues with duplicate keys.
  • Installation and Usage: Easy to install and implement, with clear documentation available to guide you through integration and setup.
  • Development Focused: Designed with developers in mind, featuring a reliable MIT license and FOSSA compliance for transparency and community support.