@julioacontreras/vue-draganddrop

Drag and Drop for Vue

• Drag and drop elements between components.
• Multiple Drag and drop per channel.

Install

npm install @julioacontreras/vue-draganddrop --save

Usage

When the element is dropped, will execute the callback function sending index and data.

Drag

<div v-draggable="{channel:'myDrag', index: idx, data: myArrayOrigin, selectorDropZone:'.dragArea'}"  >
  Foo bar
</div>

Drop

<div class="dragArea" v-dropzone="{channel:'myDrag', destiny: myArrayDestiny, execute: myFunction}" >
</div>

Callback execute

methods:{
  executeItem(myArrayOrigin, myArrayDestiny, idx, channel){
    
  }
}

License

MIT