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>

Вот полный пример.

Я должен быть в состоянии перетащить div с dragg-me класс, но это не работает. Ничего не происходит, когда я это делаю. Если я опущу :options="{draggable:'.dragg-me'}" или если я установлю его на

draggable:'.draggable'

тогда, конечно, это работает снова.

Можно ли заставить его работать так, как я хотел бы?

Answer 1

Использовать handle, документировано здесь.

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

Вот ваша обновленная скрипка.