vue-org-tree

简述
横向纵向
tree可拖拽
可缩放
可新增编辑删除(鼠标移入节点弹出)
每级颜色不同(现在是使用网上的一个写法，源码也有一种)
节点展开关闭（可默认）
效果图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

文件格式

在这里插入图片描述

代码

关注公众号：IT程序员老王，输入 vue-editable-tree 获取源码

在这里插入图片描述

我还用另一个tree组件做过，但是感觉那个不这么好，有兴趣可以参考

vue中tree自动生成(含添加、删除、修改) 可拖动缩放

[注] 仅用于学习参考

在这里插入图片描述

# node.js # javascript # vue.js
Logo
GitCode 开源社区

旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。

更多推荐

cover

2025科研新风向！Top5文献阅读管理工具全测评

avatar GitCode 开源社区

文献管理神器大盘点：5款主流软件助你科研提效！

文献管理是科研的基础环节，选择一款合适的科研提效软件能让你的研究事半功倍。无论是EndNote的专业格式化、Zotero的免费灵活、Mendeley的云端协作、的中文支持，还是沁言学术的全流程AI辅助，每款工具都有独特优势，满足不同需求。尤其是沁言学术，凭借强大的文献管理功能、智能分类和写作支持，成为近年来新兴的科研效率利器，值得一试。科研之路漫漫，效率先行！建议每位大学生、研究生和科研人员根据自

avatar GitCode 开源社区
cover

2025学术利器揭晓！Top5文献管理工具助攻科研创新

avatar GitCode 开源社区