v-json-tree
v3.0.4
Published
Vue.js 3.0 JSON tree viewer
Downloads
151
Readme
vue-json-tree
Vue.js JSON tree viewer component
Demo:
https://jsfiddle.net/mikemenaker/8zxwavrk/
Installation
With npm:
npm i v-json-tree --saveWith a CDN:
<!-- In <body>, after Vue import -->
<script type="text/javascript" src="https://unpkg.com/v-json-tree/dist/vJsonTree.umd.js"></script>Usage
With an ES6 bundler (via npm)
In your component file
import vJsonTree from "v-json-tree";Then register:
components: {
vJsonTree
},With a CDN
<script>
Vue.component("v-json-tree", vJsonTree);
new Vue({
// ...
})
</script>Props:
- data <Object/Array> - Data to format into tree
- filterKey - String to filter data
- fullMarkup - If full mark up is need (quotes and commas)
Slots:
- hide - What should be used for the hide button
- expand - What should be used for the expand button
- more - What should be used for the elipsis when an object/array is hidden