how to make a div draggable in vue js?

user_9073125 0
Viewed 9854

I have a div inside a vue component, I want to make the component draggable. I checked with many vue draggable plugins, but they have a seperate component for drag and not as a directive to just add like in angular draggable. Please help me with this?

vuejs2 vue-component vuex
1 Answers

You need to add vuedraggable to your node modules.

yarn add vuedraggable

and then:

  import draggable from 'vuedraggable'
  ...
  export default {
        components: {
            draggable,
        }

and then you need something like this:

<draggable>
    <div v-for=...>
    </div>
</draggable>

https://github.com/SortableJS/Vue.Draggable

user_42219450
Related