vue-json

A JSON component or plugin for vue(2.x), support spread and shrinkage, The highlighted rendering JSON data as a tree structure.

Links

• Github

Install

npm install vue-json-cool --save

Usage

<template>
  <div>
    <vue-json-cool :data="jsonData"></vue-json-cool>
  </div>
</template>

import vueJsonCool from 'vue-json-cool';

export default {
  components: {
    vueJsonCool,
  },
  data() {
    return {
      jsonData: {
        number: 1,
        string: 'hello world',
        boolean: true,
        object: {
          key: 1,
        },
        array: [1, '2', true, null, undefined],
        null: null,
        undefined: undefined,
      },
    };
  },
};

Example

Props

| Attribute | Level | Description | Type | Default | | --------- | ----- | ----------- | -------------------------------------------------- | ------- | | data | basic | json data | JSON object or object Array, {...}, [{...}, {...}] | - |

Events

not yet...

PS

如果喜欢请给个星星，谢谢。 If you like, please give me a star, thank you.

如果需要帮助: QQ:1573815240 邮箱: [email protected] if you need help: QQ:1573815240 email: [email protected]