как сделать div перетаскиваемым в Vue JS?

Question

У меня есть div внутри компонента vue, я хочу сделать компонент перетаскиваемым.Я проверил много vue Draggable плагинов, но у них есть отдельный компонент для перетаскивания, а не как директива, чтобы просто добавить, как в Angular Draggable.Пожалуйста, помогите мне с этим?

Answer 1

Вам нужно добавить vuedraggable в ваши модули узлов.

пряжа добавить vuedraggable

, а затем:

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

, а затем вам нужно что-то вроде этого:

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

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