递归组件中的Vue拖放和递归嵌套

Question

我正在使用 Vue 创建递归树组件，目前我已经添加了对复选框和扩展节点的支持，但是我在递归组件中构建拖放时遇到了一些麻烦

有什么方法可以使用此示例实现拖放：

我可以得到被拖动的节点，但在放下时我没有得到目标节点？ 在拖动停止时，我只会被拖动节点，我应该添加更多的地方侦听器吗？

在这里我只得到拖动节点？

 handleDragEnd() {
          this.$el.classList.remove('cmp-drag-node');
      },

注意：我不想要使用 VueDraggable 的解决方案我正在寻找一个简单的 jsfiddle 或对问题的一些澄清，Vue draggable 将不起作用，因为我需要放入节点，而不仅仅是重新排序节点

Answer 1

所以以下代码笔对我来说很好用。 设法使用嵌套组件处理拖放，但是您需要更改一些代码。

我用过vuedraggable 。 主要组件是Tree.vue ，节点在Treenode.vue 。 有时它克隆节点可能我错过了一些东西，但其他一切都正常。