VueDraggable：开始拖动后，更改dom会中断排序和克隆

Question

我只想在拖动时显示一个占位符。但是对ui进行更改会破坏排序和克隆操作。

完整示例：jsfiddle

例如，一切在开始时就可以了。但是，如果选中该复选框，则排序和克隆将被破坏。

仅在示例中的上部列表中启用克隆后，才会发生这种情况。如果将克隆道具从列表中删除，则可以正常工作。

  {{isDragging}} 

  <draggable :list="list1"
             :group="{ name: 'people', pull: 'clone', put: false }"
             @start="startDrag"
             @end="endDrag">
    <div v-for="element in list1" :key="element.name">
      {{ element.name }}
    </div>
  </draggable>

  <draggable :list="list2" group="people">
    <div v-for="element in list2" :key="element.name">
      {{ element.name }}
    </div>
  </draggable>

  startDrag() {
    this.isDragging = true
  },
  endDrag() {
    this.isDragging = false;
  },

为什么会这样？并有办法使其工作吗？