Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js 如何在Vuejs中创建带有可拖动项的嵌套列表?_Vue.js_Ionic Framework_Nested_Draggable_Vuejs3 - Fatal编程技术网

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

Vue.js 如何在Vuejs中创建带有可拖动项的嵌套列表?,vue.js,ionic-framework,nested,draggable,vuejs3,Vue.js,Ionic Framework,Nested,Draggable,Vuejs3,我正在寻找一种在VueJs3&Ionic中使用可拖动元素创建嵌套列表的方法 这是我想要的结果: 此外,我希望列表中的每一项都是“离子滑动”标签的一部分,这样,当它们像这样滑动时,就有了一些选项: 我试着使用“ion reorder group”,但它不允许我像我想的那样创建嵌套列表。我也尝试了一些Libraries,但我无法让它们中的任何一个与我的Ionic-Vue3项目一起工作 我被困在这个问题上,我将非常高兴有任何建议或帮助 非常感谢我解决了这个问题,我正在发布我使用的解决方案,以防它对某人

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

这是我想要的结果:

此外,我希望列表中的每一项都是“离子滑动”标签的一部分,这样,当它们像这样滑动时,就有了一些选项:

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

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


非常感谢

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

我使用了这个库:它支持VueJS3.0

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

它工作得很好