VueDraggable: после начала перетаскивания, изменение сортировки и клонирования dom breaks - PullRequest
0 голосов
/ 11 июля 2019

Я хочу показывать заполнитель только при перетаскивании.Но внесение изменений в пользовательский интерфейс, прерывание сортировки и операции клонирования.

Полный пример: 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;
  },

Почему это происходит?и есть ли способ заставить его работать?

...