vue-tree-diagram
A simple component for render tree diagram for Vue.js
Preview
Install
npm install vue-tree-diagram
Example
Example (click to show)
{{value.title}} {{value.title}} {{value.title}} {{value.subtitle}}
API
Attributes
Attribute | Description | Type | Accepted Values | Default |
---|---|---|---|---|
data | tree data | Array | - | - |
nodePad | space of node to node | Number | - | 1 |
levelPad | space of row to row | Number | - | 10 |
direction | tree direction | String | 't-b', 'l-r' | 't-b' |
align | node align in each row | String | 'start', 'center', 'end' | 'start' |
Events
Event Name | Description | Parameters |
---|---|---|
node-click | triggers when a node is clicked | (node, event) |
before-render-tree | triggers when start render tree | - |
after-render-tree | triggers when tree render finished | - |