vue部门结构图_Vue组织架构图组件

vue-tree-chart

 

:deciduous_tree: Vue2树形图组件

安装

npm i vue-tree-chart --save

使用

in template:

in script:

import TreeChart from "vue-tree-chart";

export default {

components: {

TreeChart

},

data() {

return {

treeData: {

...

}

}

}

...

属性

json

组件数据，支持字段：

- name[String] 节点名称

- image_url[String] 节点图片

- children[Array] 节点后代

- mate[Object] 节点配偶

示例：

{

name: 'root',

image_url: "https://static.refined-x.com/avat.jpg",

children: [

{

name: &