vue-drag-tree - Vue's Drag And Drop Tree Components || Demo

  •        25

It's a tree components(Vue2.x) that allow you to drag and drop the node to exchange their data . 中文 || Please Star! if it's helpful.

https://github.com/shuiRong/vue-drag-tree#readme
https://github.com/shuiRong/vue-drag-tree

Dependencies:

vue : ^2.3.3

Tags
Implementation
License
Platform

   




Related Projects

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

  •    Vue

Vue components for modifying lists with the HTML5 drag & drop API. Touch devices are not supported, because they do not implement the HTML5 drag & drop standard. However, you can use a shim to make it work on touch devices as well.

vue-drag-and-drop-list - 🐴 Vue directives for modifying lists with the HTML5 drag & drop API.

  •    Javascript

Vue directives that allow you to build sortable lists with the native HTML5 drag & drop API. Supports nested lists for building trees and other fancy structures. In general, in 2.0 directives have a greatly reduced scope of responsibility: they are now only used for applying low-level direct DOM manipulations. In most cases, you should prefer using Components as the main code-reuse abstraction.

vue-drag-and-drop - A for Vue

  •    Javascript

A directive for providing drag and drop capabilities to elements and data. Available through npm install vue-drag-and-drop or include as an inline script, like in example.html.


Vue

  •    Javascript

Vue component (Vue.js 2.0) or directive (Vue.js 1.0) allowing drag-and-drop and synchronization with view model array.

vue-upload-component - Vue

  •    Vue

Vue.js file upload component, Multi-file upload, Upload directory, Drag upload, Drag the directory, Upload multiple files at the same time, html4 (IE 9), `PUT` method, Customize the filter

vue-sortable - A lightweight directive for reorderable drag-and-drop lists using RubaXa/Sortable

  •    Javascript

Easily add drag-and-drop sorting to your Vue.js applications without jQuery, using the v-sortable directive, a thin wrapper for the minimalist RubaXa/SortableJS library. Note that you will need to include RubaXa/Sortable & Vue before including vue-sortable.

vue-grid-layout - A draggable and resizable grid layout, for Vue.js.

  •    Vue

This is the initial layout of the grid. The value must be an Array of Object items. Each item must have i, x, y, w and h proprties. Please refer to GridItem documentation below for more informations.

vue-dragula - :ok_hand: Drag and drop so simple it hurts http://astray-git.github.io/vue-dragula

  •    Javascript

Vue wrapper for dragula. Available through npm as vue-dragula.

vue-picture-input - Mobile-friendly picture file input Vue

  •    Vue

Mobile-friendly picture file input Vue.js component with image preview, drag and drop, EXIF orientation, and more. All contributions are welcome, as long as they are within the scope of the project. Please open a new issue before submitting a pull request.

vue-filepond - 🔌 A handy FilePond adapter component for Vue

  •    Javascript

Vue FilePond is a handy adapter component for FilePond, a JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience.

vue-qrcode-reader - A Vue.js 2 component which detects and decodes QR codes from cameras.

  •    Javascript

A Vue.js 2 component, accessing the device camera and allowing users to read QR codes, within the browser. Once a stream from the users camera is loaded, it is displayed and continuously scanned for QR codes. Results are indicated by the decode event. This also accounts for decoded images drag-and-dropped in the area the component occupies.

Silverlight Drag Drop Manager

  •    Silverlight

Silverlight Drag Drop Manager allows you to easily implement drag and drop behaviour in your Silverlight projects by providing a DragSource & DropTarget control, which act as a content container and can contain any SL user control. Highly configurable.

koel - A personal music streaming server that works.

  •    PHP

Koel (also stylized as koel, with a lowercase k) is a simple web-based personal audio streaming service written in Vue on the client side and Laravel on the server side. Targeting web developers, Koel embraces some of the more modern web technologies – flexbox, audio, and drag-and-drop API to name a few – to do its job.

vue-kanban - A vue based drag and drop kanban board

  •    Javascript

and then use the component in your project. Each block has a named slot which can be extended from the parent, like so...

react-smooth-dnd - react wrapper components for smooth-dnd

  •    Javascript

A fast and lightweight drag&drop, sortable library for React with many configuration options covering many d&d scenarios. It uses css transitions for animations so it's hardware accelerated whenever possible. This library consists wrapper React components over smooth-dnd library.

gong-wpf-dragdrop - The GongSolutions.WPF.DragDrop library is a drag'n'drop framework for WPF

  •    CSharp

The GongSolutions.WPF.DragDrop library is an easy to use drag'n'drop framework for WPF. This framework is free and can be used for free, open source and commercial applications. It's tested and contributed by many people... So mainly hit the ⭐️ button, that's all... thx (💵, 💶, 🍺 or some other gifts are also being accepted...).

drag-drop - HTML5 drag & drop for humans

  •    Javascript

In case you didn't know, the HTML5 drag and drop API is a total disaster! This is an attempt to make the API usable by mere mortals.This module works in the browser with browserify.

Vue.D3.tree - Vue component to display tree based on D3.js layout.

  •    Vue

Update documentationVue components to display graphics based on D3.js layout. For all these events, the argument passed is {element, data} where element represents the node build by D3.js and data is the node raw data.