Vue Element Ui在转移元素上的拖放

Question

我有一个来自transfer element的转移元素，我想为其添加拖放功能，该功能可以正常工作，但会将很多错误转储到控制台中。 我已将代码添加到Codepen codepen中 在那里工作，但是将很多地狱消息转储到

这样的控制台中

  

未捕获的DOMException：无法在“节点”上执行“ insertBefore”：   新的子元素包含父元素。       在dragOver    我一直在尝试在dragStart上使用pointer-events: none;添加样式，但是我立刻失去了功能。

要控制台的错误发生在 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/的教程解决了问题