当前位置: 首页 > 知识库问答 >
问题:

vue3 - Vue3 实现可拖拽树形结构数据的方法?

吉嘉珍
2024-03-15

vue3 实现可拖拽 树形结构数据,无论拖拽子集或者父级,拖动的都是当前对象,父子没有关联关系,如何实现呢?或有什么插件支持?

vue3-draggable-next,好像只支持列表,不支持树形结构

共有1个答案

杨安歌
2024-03-15

如果你想实现高度定制,可以用 vue3-dnd
https://www.npmjs.com/package/vue3-dnd

一般的需求 antd vue 里面 tree 的拖拽就够用了

 类似资料:
  • 大佬帮忙修改一下面的代码,鼠标可以分别拖拽div,并且不超过窗口的边界。 https://play.vuejs.org/#eNqlVW1r2zAQ/is3U4gDmdPto5eWbnSMwcZg7...

  • 这种点击拖拽的时候,当前框有个虚线蓝块是怎么实现的?如果移入到右边的框,则右边的框显示虚线蓝块,总之,移入在哪个div中的时候都会显示一个虚线蓝块。 目前使用了vue3和vue-draggable-next,使用了 start事件和move,并未实现

  • 本文向大家介绍基于Vue实现可以拖拽的树形表格实例详解,包括了基于Vue实现可以拖拽的树形表格实例详解的使用技巧和注意事项,需要的朋友参考一下 因业务需求,需要一个树形表格,并且支持拖拽排序,任意未知插入,github搜了下,真不到合适的,大部分树形表格都没有拖拽功能,所以决定自己实现一个。这里分享一下实现过程,项目源代码请看github,插件已打包封装好,发布到npm上  本博文会分为两部分,第

  • 主要内容:src/APP.vue 文件代码,src/APP.vue 文件代码上一章节中我们使用了 npm 安装项目(Vue-cli 和 Vite),我们在 IDE(Vscode、Atom等) 中打开该目录,结构如下所示: 命令行工具 vue-cli(runoob-vue3-test): Vite(runoob-vue3-test2) 目录解析 目录/文件 说明 build 项目构建(webpack)相关代码 config 配置目录,包括端口号等。我们初学可以使用默认的。

  • 本文向大家介绍php实现的树形结构数据存取类实例,包括了php实现的树形结构数据存取类实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了php实现的树形结构数据存取类。分享给大家供大家参考。 具体实现代码如下: 希望本文所述对大家的PHP程序设计有所帮助。

  • 本文向大家介绍Swing中依据鼠标拖拽来画出矩形的实现方法,包括了Swing中依据鼠标拖拽来画出矩形的实现方法的使用技巧和注意事项,需要的朋友参考一下 画了好久,草要么就是画了,没插掉原先线条,要么就是画第二个的时候第一个也被擦掉,但其实只要调用repaint方法就好了… 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。