树Vuedraggable，无法将节点拖到没有子节点的节点

Question

我不能将节点拖到没有孩子的节点上。在我的嵌套树代码上可以正常工作：

<div class="child">
            <draggable 
                :list="trees.childs" 
                :options="{animation: 200, group:'dragtree'}"
                :move="onMove"
                @end="onEnd">
                <graph
                    v-if="open"
                    v-for="tree in trees.childs"
                    :key="tree.root"
                    :trees="tree">
                </graph>
            </draggable>
        </div>

它在没有子节点的节点上不起作用。

当我尝试拖动节点并想要拖动到没有孩子的节点时，它不起作用。我还使用了两种方法，即onEnd和onMove，它们可以工作，但是每拖动该元素它都会复制2个：

onEnd:function(event){
        this.D_related.childs.push({root : this.D_dragged.root, depth : this.D_related.depth+1, childs: this.D_dragged.childs})
    },
onMove: function(event){
        console.log("Move", event)
        this.D_dragged = event.draggedContext.element
        this.D_related = event.relatedContext.element
        return 
    },