javascript - Vue Element Ui 拖放传输 Element

Question

我有一个来自 transfer element 的传输元素我想为此添加拖放功能，该功能可以工作，但会将很多错误转储到控制台中。我已将代码添加到 codepen codepen它在那里工作，但将很多 hell 消息转储到控制台，如

Uncaught DOMException: Failed to execute 'insertBefore' on 'Node': The new child element contains the parent. at dragOver I have been trying to add style with pointer-events: none; on the dragStart but I lose functionality straight away.

控制台错误发生在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
                    );
                }

有人可以建议如何解决这个问题吗？谢谢

Answer 1

通过使用 https://www.html5rocks.com/en/tutorials/dnd/basics/ 的教程解决了问题