vue-json-pretty-sign v0.4.1

vue-json-pretty-sign

本项目基于 vue-json-pretty-sign@1.7.1 版本开发，主要实现标记键值与展示标记键值注释的功能。 注意如果父级为标记键值,则其子级将全部被标记.

一个将 JSON 字符串渲染成树形结构的 Vue2.x 组件

• 基础功能: JSON 的美化
• 高级功能: JSON 数据对应层级数据的获取

添加参数

链接

• 当前项目 demo： Demo
• 基于 leezng/vue-json-pretty： Github

安装

请下载后打包编译

快速开始

<template>
  <div>
    ...
    <vue-json-pretty-sign
      :path="'res'"
      :data="{ key: 'value' }"
      @click="handleClick"
    >
    </vue-json-pretty-sign>
  </div>
</template>

// 更多用法请见demo页面
import VueJsonPrettySign from "vue-json-pretty-sign";

export default {
  components: {
    VueJsonPrettySign
  }
};

Props

• 若仅使用基础功能(JSON 美化)，只需关注功能级别为 基础 的属性。
• 若使用高级功能(选择数据)，你可以同时使用 基础 与 高级 的属性。

Events