More Premium Hugo Themes Premium Vue Themes

Vue Org Tree

A simple organization tree based on Vue2.x

Vue Org Tree

A simple organization tree based on Vue2.x

Author Avatar Theme by hukaibaihu
Github Stars Github Stars: 994
Last Commit Last Commit: Mar 18, 2022 -
First Commit Created: Aug 27, 2024 -
default image

Overview:

vue-org-tree is a simple organization tree chart based on Vue2.x. It provides a user-friendly way to visualize hierarchical relationships within an organization or any structured data.

Features:

  • Data: Allows customization of data object.
  • Props Configuration: Configure props for label, children, and expand.
  • Label Width: Set the width of the node labels.
  • Autocollapsable: Children nodes can be collapsible.
  • Render Content: Customize the rendering of node labels.
  • Event Handling: Supports click, mouseover, and mouseout events.
  • Browser Support: Compatible with IE9+, Chrome, Firefox, and Opera.
  • License: Released under the MIT license.

Installation:

To install vue-org-tree, you can use NPM or import the plugins via CDN.

NPM:

npm install vue-org-tree

Import Plugins:

import VueOrgTree from 'vue-org-tree'
Vue.use(VueOrgTree)

Summary:

vue-org-tree is a versatile Vue2.x based organization tree chart that offers various features like customizable data props, event handling, and browser support. Users can easily visualize hierarchical structures and customize the appearance of node labels. With a simple installation process via NPM or CDN, vue-org-tree provides a flexible solution for displaying organizational relationships.