如何在 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 查看现场演示,每个演示都附有可用的代码。我结合了其中的一些并添加了我的“离子滑动”标签以获得预期的结果。
完美运行!
我正在寻找一种在 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 查看现场演示,每个演示都附有可用的代码。我结合了其中的一些并添加了我的“离子滑动”标签以获得预期的结果。
完美运行!