Vue Org Tree

screenshot of Vue Org Tree
vue
less

A simple organization tree based on Vue2.x

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.

NPM:

npm install vue-org-tree
vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

less
LESS

Less CSS is a dynamic stylesheet language that extends the capabilities of CSS, allowing developers to write cleaner, more modular, and reusable stylesheets with features like variables, mixins, and nested rules.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.