如何在Vue js中使div可拖动? [英] how to make a div draggable in vue js?

问题描述

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

解决方案

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

纱线添加 vuedraggable

然后:

 import draggable from 'vuedraggable'...导出默认{成分: {可拖动，}

然后你需要这样的东西:

<div v-for=...>

</可拖动>

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

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?

解决方案

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

这篇关于如何在Vue js中使div可拖动?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！