Top 6 Vue Tree View in Vue.js for Your App!
The Vue Tree View is a graphical user interface component that allows you to represent hierarchical data in a tree structure. It has great performance combined with advanced features like load on demand, checkbox support, multiple selection, tree navigation, drag and drop, tree node editing, and template support.
1. vuetify-draggable-treeview
Drag and drop v-treeview (Vuetify Treeview) component.
2. vue-tree
vue-tree is a Vue component that implements a TreeView control. Its aim is to provide common tree options in a way that is easy to use and easy to customize.
The Component is still pre-1.0 and should be considered unstable. Breaking changes may occur at any time before the 1.0 release.
Download](http://github.com/grapoza/vue-tree/zipball/master)
3. vue-tree-nav
Navigation tree menu component with nice integration with vue-router.
- Ready out of the box!
- Side bar with infinite depth
- Links and dropdows with infinite depth on both right and left side
- Font Awesome icons
- Css transitions
- Beautiful themes to choose
- Complete customizable
4. vue-draggable-nested-tree
This is a draggable tree component. This component does not have css, you need to add your style refer to demo. The demo style is less, not difficult. This component doesn’t render node. It exposes a node rendering slot. Please refer to the demo for rendering.
5. Vue JSON Component
A collapsable tree view for JSON. This package is loosely based on vue-json-tree-view with a series of upgrades. I’m not contributing this back to that package because it would require breaking API changes, and there are some features I’m not planning on adding unless people need them. Contributions welcome!
6. vue-tree-list
A vue component for tree structure. Support adding treenode/leafnode, editing node’s name and dragging.
#vuejs #javascript #vue-js
