如何在VUE JS拖动一个div？(how to make a div draggable in v

我有一个VUE组件内一个div，我想使组件拖动。 我与许多VUE可拖动的插件检查，但他们有一个单独的组件进行拖动，而不是作为一个指令到刚刚在角拖动添加等。 请在这件事上给予我帮助？

Answer 1:

您需要vuedraggable添加到您的节点模块。

纱加vuedraggable

接着：

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

然后你需要的东西是这样的：

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

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

文章来源: how to make a div draggable in vue js?