vue-json-cool

    2.0.6 • Public • Published

    vue-json

    GitHub license

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

    Links

    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

    示例1

    示例2

    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 邮箱: 1573815240@qq.com if you need help: QQ:1573815240 email: 1573815240@qq.com

    Install

    npm i vue-json-cool

    DownloadsWeekly Downloads

    143

    Version

    2.0.6

    License

    MIT

    Unpacked Size

    56.4 kB

    Total Files

    10

    Last publish

    Collaborators

    • avatar