javascript - Tree 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 
    },

标签： javascripthtmlvue.jstreedrag