vue 可拖动几乎可以工作

Question

我正在使用 vue draggable。在我的示例中，我试图通过具有特定 class.

的元素拖动一些 HTML

<draggable :list="list" class="dragArea" :options="{draggable:'.dragg-me'}">
  <div class="draggable" v-for="element in list">
    <div class="dragg-me">dragg me</div>
    <div class="element">
      {{element.name}}
    </div>
  </div>
</draggable>

这里是 full example.

我需要能够通过 div 和 dragg-me class 进行拖动，但这不起作用。当我这样做时什么也没有发生。如果我省略 :options="{draggable:'.dragg-me'}" 或将其设置为

draggable:'.draggable'

然后当然又能用了。

有没有可能让它按照我想要的方式工作？

Answer 1

使用 handle, documented here.

<draggable :list="list" class="dragArea" :options="{handle:'.dragg-me'}">

这是你的 fiddle updated.

vue 可拖动几乎可以工作

vue draggable almost works

vue.js

rubaxa-sortable

vue-component

vuejs2