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

问题描述

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

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?

推荐答案

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

You need to add vuedraggable to your node modules.

纱线添加 vuedraggable

yarn add vuedraggable

然后:

  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屋！