如何让一个div在vue js中可拖拽？

Question

我在一个vue组件中有一个div，我想让这个组件可拖动。我检查了许多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