Organization Tree Component For Vue.js 2.x

A dynamic, expandable, horizontal/vertical organization tree component for Vue.js 2.x.

Usage:

import Vue from 'vue'
import OrgTree from 'vue-org-tree'

Default props.

data: {
  type: Object,
  required: true
},
props: {
  type: Object,
  default: () => ({
    label: 'label',
    expand: 'expand',
    children: 'children'
  })
},
horizontal: Boolean,
collapsable: Boolean,
renderContent: Function,
labelWidth: [String, Number],
labelClassName: [Function, String]

Preview:

Changelog:

v1.3.6 (03/18/2022)

• Bugfixed

v1.3.5 (01/19/2021)

• Bugfixed

v1.3.4 (07/26/2020)

• Bugfixed

06/18/2020

• Bugfixed

Download Details:

Author: hukaibaihu

Live Demo: https://hukaibaihu.github.io/vue-org-tree/

Download Link: https://github.com/hukaibaihu/vue-org-tree/archive/master.zip

Official Website: https://github.com/hukaibaihu/vue-org-tree

Install & Download:

# Yarn
$ yarn add vue-org-tree

# NPM
$ npm install vue-org-tree --save