vue绘制思维导图
前言
在做web的思维导图功能时,搜索了一些开源项目,在这里整理记录一下
正文
vue-power-tree
vue3
github: https://github.com/yj-liuzepeng/vue-power-tree
star:9
介绍
本插件在element-plus树形组件基础上,进行了二次封装。适用于vue3项目,在具备了element-plus 的Tree组件的所有功能的基础上,又增加了组织树展示效果,并同时支持拖拽,及自定义组织树的展开收起样式
bi-vue-mindmap
介绍
一个思维导图库,代码没有开源,只找到了npm库地址,功能挺全,很多参数都支持自定义。节点内容也支持自定义。
vue3-mindmap
vue3
github: https://github.com/hellowuxin/vue3-mindmap
star:324
介绍
hyy-vue3-mindMap
vue3
github: https://github.com/huangyuanyin/hyy-vue3-mindMap
star:21
介绍
一个基于Vue3.2 + ElementPlus的Web思维导图
mind-map
github: https://github.com/wanglin2/mind-map
star:477
介绍
本项目包含两部分:
1.一个js思维导图库,不依赖任何框架,你可以使用它来快速完成Web思维导图产品的开发。
开发文档:https://wanglin2.github.io/mind-map/#/doc/zh/
2.一个Web思维导图,基于思维导图库、Vue2.x、ElementUI开发,可以操作电脑本地文件,所以你可以直接把它当做一个在线版思维导图应用使用,如果觉得github的响应速度慢,你也可以部署到你的服务器上。
在线地址:https://wanglin2.github.io/mind-map/
vue-mindmap
vue2
github: https://github.com/anteriovieira/vue-mindmap
star:569
介绍
后记
一个不依赖框架的js思维导图库