微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

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

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

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

我尝试使用“离子重新排序组”,但它不允许我像我想的那样创建嵌套列表。我也尝试了一堆库,但我无法让它们中的任何一个与我的 Ionic-Vue3 项目一起使用。

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

非常感谢

解决方法

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

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

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

完美运行!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。