Javascript Vue元素Ui在传输元素上拖放

我有一个transfer元素，我想从中添加拖放功能，该功能可以工作，但会将大量错误转储到控制台中。 我已将代码添加到codepen 它在那里工作，但会将大量地狱消息转储到控制台中，如

未捕获的DomeException:未能在“节点”上执行“insertBefore”： 新的子元素包含父元素。 在德拉戈弗 我一直在尝试添加

指针事件的样式：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
                    );
                }


有没有人能提出一些解决问题的建议？谢谢
通过使用