Question

我正在与Vue合作创建递归树组件，目前，我已经添加了对复选框和扩展节点的支持，但是我在构建递归组件的拖放方面有些麻烦

是否可以通过此示例实现拖放：

我可以拖动节点，但在放下时，我没有目的地节点？在“拖动停止”上，我只能拖动节点，是否应该在其他地方添加侦听器？

这里我只被拖到结点？

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

注意：我不希望使用VueDraggable解决方案，我正在寻找简单的jsfiddle或有关问题的说明，Vue可拖动性将无法正常工作，因为我不仅需要重新排序节点，还需要放入Node中

Answer 1

因此，以下Codepen对我来说效果很好。可以处理嵌套组件的拖放操作，但是，您需要更改一些代码。

我用过vuedraggable。主要组成部分是Tree.vue，节点位于Treenode.vue中。有时它正在克隆节点，可能我错过了一些东西，但是是的，其他一切都很好。