Vue Element Ui 拖拽上移 Element

Question

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

未捕获的 DOMException：无法在“节点”上执行“insertBefore”： 新的子元素包含父元素。 在拖动 我一直在尝试在 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/的教程解决了问题