vue-simple-draggable

A Draggable(Drag and Drop) base on HTML5 and Vue.js

Vue.js have a strong component is Vue.Draggable, but sometimes we need a very simple solution to solve problem

DEMO

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