如何在 Vuejs 中创建带有可拖动项的嵌套列表?

How to create nested lists with draggable items in Vuejs?

我正在寻找一种在 VueJs3 和 Ionic 中使用可拖动元素创建嵌套列表的方法

这是我想要的结果:https://ej2.syncfusion.com/vue/documentation/treeview/drag-and-drop/

此外,我希望列表中的每一项都成为“离子滑动”标签的一部分,以便它们在像这样滑动时有一些选择:https://ionicframework.com/docs/v3/api/components/item/ItemSliding/

我尝试使用“ion-reorder-group”,但它不允许我像我想的那样创建嵌套列表。我也尝试了一堆库,但我无法让它们中的任何一个与我的 Ionic-Vue3 项目一起工作。

我被困在这个问题上,如果有任何建议或帮助,我将非常高兴!

非常感谢

我解决了这个问题,我发布了我使用的解决方案以防它对某人有用。

我使用了这个库:https://github.com/SortableJS/vue.draggable.next 支持 Vuejs 3.0

有一个非常有用的 link 查看现场演示,每个演示都附有可用的代码。我结合了其中的一些并添加了我的“离子滑动”标签以获得预期的结果。

完美运行!