vue怎么实现Json格式数据展示
本文小编为大家详细介绍"vue怎么实现Json格式数据展示",内容详细,步骤清晰,细节处理妥当,希望这篇"vue怎么实现Json格式数据展示"文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
Json格式数据展示
vue的jsonViewer组件也很好用,在网上看到有大神自己写的组件(递归调用),觉得很好,稍作修改,记录一下
JSON.stringify(obj, null, 4)
可以美化json数据的显示
要高亮的内容 在json数据中,如果有需要高亮的内容,用以上标签包起来(这个要处理数据实现了,组件里高亮样式可以根据需要自己修改)
"{{jsonKey}}": {{prefix}} {{innerclosed ? ('... ' + subfix) : ''}} {{isArray ? '[]' : '{}'}}
{{(isArray ? '' : '"' + item.key + '":')}}
{{subfix}}
vue解析json数据
在前端接授到json后,使用JSON.parse(jsonObject)就可以解析!(jsonObject为json对象)
读到这里,这篇"vue怎么实现Json格式数据展示"文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注行业资讯频道。