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

时间:2019-07-11 13:53:06

标签: vuedraggable

我只想在拖动时显示一个占位符。但是对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;
  },

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

0 个答案:

没有答案