如何在 vue js 中使 div 可拖动？

【问题标题】：how to make a div draggable in vue js?如何在 vue js 中使 div 可拖动？
【发布时间】：2019-03-30 01:04:29
【问题描述】：

我在 vue 组件中有一个 div，我想让组件可拖动。我检查了许多 vue 可拖动插件，但它们有一个单独的拖动组件，而不是像在角度可拖动中那样添加的指令。请帮我解决这个问题？

【问题讨论】：

您不能将 div 包装在可拖动组件中的任何特殊原因？我最近一直在使用github.com/SortableJS/Vue.Draggable，它实际上只是即插即用，没有任何问题......
我尝试将 div 包装在一个拖动组件中，但我的用例是在页面上选择文本时，必须弹出一个模式并且它必须是可拖动的。如果我将 div 放在组件中，则模式是可拖动的，但拖动时选择会被清除。

【解决方案1】：

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

纱线添加 vuedraggable

然后：

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

然后你需要这样的东西：

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

【讨论】：