zyz954489346/vue-org-tree

A simple organization tree based on Vue2.x

vue-org-tree

A simple organization tree chart based on Vue2.x

Usage

# use npm
npm i vue2-org-tree

# use yarn
yarn add vue2-org-tree

Import Plugins

import Vue from 'vue'
import Vue2OrgTree from 'vue2-org-tree'

Vue.use(Vue2OrgTree)

// ...

API

• props

  prop	descripton	type	default
  data		Object
  props	configure props	Object	{label: 'label', children: 'children', expand: 'expand'}
  labelWidth	node label width	String | Number.	auto
  collapsable	children node is collapsable	Boolean	true
  renderContent	how to render node label	Function	-
  labelClassName	node label class	Function | String	-

• events

  • on-expand

    well be called when the collapse-btn clicked

  • on-node-click

    well be called when the node-label clicked

Example

• default

  

• horizontal

  

Browser support

use table layout!

IE9+、Chrome、Firefox、Opera

License

MIT