vue draggable几乎可以工作

Question

我正在使用vue draggable。在我的示例中，我试图通过具有特定类的元素拖动一些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。

我需要能够使用dragg-me类来拖动div，但这不起作用。当我这样做时没有任何事情发生。如果我省略:options="{draggable:'.dragg-me'}"或我将其设置为

draggable:'.draggable'

当然它再次有效。

是否有可能以我想要的方式运作？

Answer 1

使用handle，documented here。

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

这是你的小提琴updated。