不导库,实现数据的json格式展示
先看效果
核心代码块:
{JSON.stringify(JSON.parse(details.checkScene), null, 18)}
业务场景的应用
补充:
参考大佬文章
JSON.stringify(value[, replacer[, space]])语法:
- value:代表的是序列后成 JSON 字符串的值
- replacer:数据处理
(1) 如果该参数是一个函数,则在序列化过程中,被序列化的值的每个属性都会经过该函数的转换和处理;
(2) 如果参数是一个数组,则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。
(3) 如果该参数为未提供或者null ,则对象所有的属性都会被序列化。 - space:美化文本格式,文本添加缩进、空格和换行符
(1) 如果 该参数 是一个数字,则返回值文本在每个级别缩进指定数目的空格
(2) 该参数最大值为10,如果 该参数大于 10,则文本缩进 10 个空格。
(3)该参数也可以使用非数字,如:\t。最大值为10