vue-json-viewer

Simple json display component, based on vue

Installing:

Using npm:

$ npm install vue-json-viewer

Using bower:

$ yarn add vue-json-viewer

Example:

<json-viewer
  :value="jsonData"
  :show-copy="true"
  icon-prefix="ion"
  :show-bigger="true"
  :sort-keys="true" />

export default {
  name: 'Page',
  data() {
    return {
      jsonData: {
        name: [
          {key: 2},
          {key: 'hello word'},
        ],
        val: {
          c: () = {},
          b: 'a',
          a: 'hello word',
          asd2: 1,
          asd: false,
          foo: null,
          bar: undefined
        }
      }
    }
  }
}

Result:

Options:

Property	Description
value	json data
show-copy	display the copy button
show-bigger	display the bigger button
icon-prefix	Custom Font icon prefix
sort-keys	Sort items by key names