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

Question

我正在寻找一种在 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 项目一起使用。

我被这个问题困住了，我很高兴有任何建议或帮助！

非常感谢

Answer 1

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

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

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

效果很好！