在这篇博客中，将详细介绍如何构建一个使用Vue.js和vue-orgchart的组织架构图Demo。Vue.js是一种构建用户界面的JavaScript框架，而vue-orgchart是一个基于Vue的组织结构图组件。本Demo将展示如何使用这两种技术来创建一个展示组织架构的可视化工具。
页面效果
Demo结构
使用依赖
- vue.js：Vue.js的核心库。
- vue-orgchart.min.js：vue-orgchart库的核心文件，用于生成组织架构图。
- html2canvas.min.js：一个JavaScript库，用于将HTML转化为canvas，从而可以导出图像。
下载地址
https://download.csdn.net/download/qq_39997939/87867019
已实现功能
- 支持导出png或pdf
- 支持平移拖动和缩放