Пользовательский интерфейс элемента Vue перетаскивается на элемент переноса

#javascript #vuejs2 #element-ui

#javascript #vuejs2 #element-ui

Вопрос:

У меня есть элемент переноса из элемента переноса, для которого я хочу добавить функцию перетаскивания, которая работает, но выводит много ошибок в консоль. Я добавил код в codepen codepen, который работает там, но выводит много адских сообщений в консоль, например

Неперехваченное исключение DOMException: не удалось выполнить ‘insertBefore’ на ‘Node’: Новый дочерний элемент содержит родительский элемент. при перетаскивании я пытался добавить стиль с pointer-events: none; помощью dragStart, но я сразу теряю функциональность.

Ошибка на консоль происходит внутри инструкции else

  if (isBefore(this.selected, e.target)) {
                    e.target.parentNode.insertBefore(this.selected, e.target);
                } else {   
                    e.target.parentNode.insertBefore(
                        this.selected,
                        e.target.nextSibling
                    );
                }
  

введите описание изображения здесь

У кого-нибудь могут быть какие-либо предложения по устранению проблемы? Спасибо

Ответ №1:

проблема была решена с помощью руководства отhttps://www.html5rocks.com/en/tutorials/dnd/basics /