Vue.js XML tree viewer component
npm i v-xml-tree --save
<!-- In <body>, after Vue import -->
<script type="text/javascript" src="https://unpkg.com/v-xml-tree/dist/vXmlTree.umd.js"></script>
In your component file
import vXmlTree from "v-xml-tree";
Then register:
components: {
vXmlTree
},
<script>
Vue.component("v-xml-tree", vXmlTree);
new Vue({
// ...
})
</script>
- data <Object/Array> - Data to format into tree
- filterKey - String to filter data
- fullMarkup - If full mark up is need (quotes and commas)
- 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