Awe-dnd

Makes your elements draggable in Vue.

See Demo: hilongjw. Making. IO/vue – draggin…

Some of goals of this project worth noting include:

  • support desktop and mobile
  • Vue data-driven philosophy
  • Supports both of Vue 1.0 and Vue 2.0

Requirements

  • Vue: ^ 1.0.0 or ^ 2.0.0

Usage

//main.js

import VueDND from 'awe-dnd'

Vue.use(VueDND)Copy the code



export default {
  data () {
    return {
        colors: [{
            text: "Aquamarine"
        }, {
            text: "Hotpink"
        }, {
            text: "Gold"
        }, {
            text: "Crimson"
        }, {
            text: "Blueviolet"
        }, {
            text: "Lightblue"
        }, {
            text: "Cornflowerblue"
        }, {
            text: "Skyblue"
        }, {
            text: "Burlywood"
        }]
    }
  }
}


Copy the code

Arguments:

  • {item} Object
  • {list} Array

  • {group} String

    group is unique key of dragable list.

License

The MIT License