vue-tree-chart首页：https://github.com/tower1229/Vue-Tree-Chart安装npmivue-tree-chart--save使用importTreeChartfrom"vue-tree-chart

1、安装插件npmivue-tree-chart--save2.使用插件1.子组件treechar.vue添加编辑删除{{treeData.partnerName}}({{treeData.proportionShares?treeData.proportionShares:100}}%){{treeData.partnerName}}({{treeData.proportionShares}}%

基于vue-tree-chart，生成项目效果预览，包含鼠标右击事件；vue-tree-chart：https://github.com/tower1229/Vue-Tree-Chart大家可以直接安装使用

目录vue-tree-chart的使用插件安装组件内容：vart.vue页面中使用vue-tree-chartview视图about组件封装的treeChart组件vue-tree-chart的使用项目中需要动态展示组织结构

基于vue-tree-chart，生成项目效果预览，包含鼠标右击事件；vue-tree-chart：https://github.com/tower1229/Vue-Tree-Chart大家可以直接安装使用

vue-tree-chart:deciduous_tree:Vue2树形图组件主页：https://github.com/tower1229/Vue-Tree-Chart安装npmivue-tree-chart

查阅网上资料发现，现有案例基本都是基于orgchart这个jQuery插件实现的，我们的项目是基于Vue的，不希望因为这个功能引入jQuery，所以就基于Vue实现了一个简易版的树形图/组织结构图组件：Vue-Tree-Chart