vue-json-tree-view
Advanced tools
Comparing version
@@ -11,7 +11,7 @@ import Vue from 'vue'; | ||
return { | ||
sampleJSON: { | ||
test: [1,2,3] | ||
} | ||
sampleJSON: {"component":"vue-json-tree-view","descripton":"A JSON Tree View built in Vue.js","tags":[{"name":"vue.js"},{"name":"JSON"}],"steps":["HTML Template","Root Component","View Component",{"Transformation Logic":["Transform Objects","Transform Arrays","Transform Values"]},"Animate","Allow Options","Blog about it..."]}, | ||
sampleJSONString: "Just a Test String", | ||
sampleJSONArray: ["Just a Test String", "in a Test Array", 0, 1, true, false], | ||
}; | ||
} | ||
}); |
{ | ||
"name": "vue-json-tree-view", | ||
"version": "1.0.0", | ||
"version": "2.0.0", | ||
"homepage": "https://github.com/arvidkahl/vue-json-tree-view", | ||
@@ -5,0 +5,0 @@ "bugs": { |
@@ -37,8 +37,25 @@ # Vue JSON Tree View | ||
#### `max-depth` | ||
#### `options` | ||
The maximum number of levels of the JSON Tree that should be expanded by default. Expects an Integer from 0 to Infinity. | ||
The defaults are: | ||
``` | ||
{ | ||
maxDepth: 4, | ||
rootObjectKey: "root" | ||
} | ||
``` | ||
- maxDepth: The maximum number of levels of the JSON Tree that should be expanded by default. Expects an Integer from 0 to Infinity. | ||
- rootObjectKey: the name of the Root Object, will default to `root` | ||
## Custom Styling | ||
All leaves will have their type indicated as a CSS class, like `tree-view-item-value-string`. Supported types: String, Number, Function, Boolean and Null Values. | ||
## Notes | ||
Enjoy. | ||
## Changelog | ||
- 2.0.0: Moved prop based option into `options` object. Added CSS for leaf types. Support for raw values as data. | ||
- 1.0.0: Initial Release |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
102446
4.84%366
0.27%61
38.64%