https://github.com/linmasahiro/vue-simple-draggable
A Draggable(Drag and Drop) base on HTML5 and Vue.js (supported touch mobile device)
https://github.com/linmasahiro/vue-simple-draggable
drag-and-drop draggable-elements vue
Last synced: 24 days ago
JSON representation
A Draggable(Drag and Drop) base on HTML5 and Vue.js (supported touch mobile device)
- Host: GitHub
- URL: https://github.com/linmasahiro/vue-simple-draggable
- Owner: linmasahiro
- License: mit
- Created: 2020-04-07T15:15:39.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2020-04-18T03:00:05.000Z (about 6 years ago)
- Last Synced: 2025-07-13T10:43:59.606Z (11 months ago)
- Topics: drag-and-drop, draggable-elements, vue
- Language: JavaScript
- Homepage:
- Size: 17.6 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
vue-simple-draggable
===============
A Draggable(Drag and Drop) base on HTML5 and Vue.js
Vue.js have a strong component is [Vue.Draggable](https://github.com/SortableJS/Vue.Draggable), but sometimes we need a very simple solution to solve problem
[DEMO](https://linmasahiro.github.io/vue-simple-draggable/index.html)
### 1.Define Data
+ listAreaClass: Draggable body's class name
+ defaultListClass: List element's class name
+ currentListClass: Current list element's class name
+ defaultBlockClass: Normal block element's class name
+ currentBlockClass: Current block element's class name
+ listData: Your Data(Array) like sample
#### Data sample
[
[
{
"title": "Yes!"
}
]
]
### 2.Enjoy it!
##### 2020/04/17 supported touch mobile device