vue-dragula

Drag and drop so simple it hurts

Fork me on GitHub

Note: these examples mimic the ones for dragula, but using vue-dragula.

Move stuff between these two containers. Note how the stuff gets inserted near the mouse pointer? Great stuff.

{{text}} [click me]

{{text}}

  <div v-dragula="colOne" bag="first-bag"></div> <div v-dragula="colTwo" bag="first-bag"></div>

Result

colOne

{{colOne | json}}

colTwo

{{colTwo | json}}

Modify items in dragula bag with transition

{{number}}

Copy between containers

{{text}}

{{text}}