vue-json-tree
Vue component that renders JSON data in a collapsible tree structure.
usage
use in browsers
- Include the CSS and JS along with Vue, so you get a
<json-tree>
component.
- Instantiate the component with your data.
use with webpack and vue-loader
- Install the
vue-json-tree
package via NPM.
npm install --save vue-json-tree
- Import the SFC (with CSS embedded) and register it as a component, either globally or in another component.
Vue
props
raw
(string
, optional)
The data you want to present in the tree view. Must be a valid JSON string, otherwise it fails.
data
(any
, optional)
If your JSON data has already been parsed, bind this one instead. Must be something that can be produced by JSON.parse()
.
level
(number
, optional)
Sometimes the data structure is very deep. You could set them to collapsed on load. By default all levels are expanded.
demo
https://myst729.github.io/vue-json-tree/
MIT © Leo