仅桌面端保证样式
JsonViewer JSON 查看器
JSON 结构化展示:语法着色、层级折叠、一键复制,适合接口调试面板、配置回显。
基础用法
{
code: 0
message: "ok"
data: {
user: {{3 项}}
pages: [[2 项]]
extras: null
}
}
折叠深度与工具条
expanded-depth 控制默认展开层级(0 为全收起);toolbar / copyable 可关:
{{3 项}}
{
code: 0
message: "ok"
data: {
user: {{3 项}}
pages: [[2 项]]
extras: null
}
}
JsonViewer Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| data | JSON 数据(对象 / 数组 / 基础值) | any | — |
| expanded-depth | 默认展开层级,0 为全收起 | number | 2 |
| toolbar | 显示工具条 | boolean | true |
| copyable | 显示复制按钮 | boolean | true |