<json-viewer> Element 功能演示

🎨 基础功能展示

包含所有核心功能:boxed 边框、copyable 复制、sort 排序、展开深度控制

📋 自定义复制功能

中文界面、左对齐、3 秒延迟

🔒 简洁模式

无边框、无复制按钮、不排序

📁 深层展开

展开深度为 3 层,查看深层嵌套数据

📊 数组数据

专门展示数组类型数据的渲染效果

🎨 自定义复制按钮

使用 slot 自定义复制按钮样式和行为

🔧 自定义复制行为

自定义复制成功和失败的处理逻辑

🎛️ 自定义按钮行为控制

使用自定义 slot 按钮,完全覆盖默认复制行为,实现自定义功能

🔄 折叠展开控制

展示折叠按钮功能和省略号点击展开

📝 字符串解析模式

parse="false" 时将字符串原样显示,不进行 JSON 解析

🎨 各种数据类型展示

完整展示所有支持的数据类型:字符串、数字、布尔值、null、日期、函数、正则等

⏭️ 空数据处理

展示空对象和空数组的渲染效果

🎯 交互式功能测试

测试所有交互功能:折叠/展开、复制、事件触发等

事件日志: