演示地址: http://json.imlht.com/vue-json-viewer-demo.html
图片
常用的 JSON 格式化工具
JSON 是一种轻量级的数据交换格式, 相信大家用得比较多..., 如果是 Array 或 Object, 将会递归调用: format -> _format_array -> format -> _format_object -> ...
function format...也就是说, item 父组件包含了 key 和 val 子组件, val 有多种类型, 如果是 Array 或 Object, 递归展开为 item 组件....如果是 Array 或 Object, 判断当前组件的 open 打开状态, 如果为 true, 渲染折叠 - 图标并递归渲染 item 组件, 否则渲染展开 + 图标, 并根据类型生成折叠后的字符串;...如果是 Null, String, Number 或 Boolean, 渲染带有样式的 span 标签, 如果不是最后一个元素渲染 , 逗号, 最后再渲染 标签:
<!