用vue-json-viewer美化页面展示json

tsyunge

1195人浏览 · 2024-04-03 16:34:39

tsyunge · 2024-04-03 16:34:39 发布

1、安装vue-json-viewer插件

yarn add vue-json-viewer --save

2、引入

import vueJsonViewer from 'vue-json-viewer'

3、使用

<vue-json-viewer

:value="JSON对象"

:expand-depth="5"

copyable

boxed

sort

:show-array-index="false"

</vue-json-viewer>

4、注意value属性里面绑定的是json对象，而不是json字符串,否则样式不会生效

GitCode 开源社区

旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。

更多推荐

沁言学术 vs Grammarly：中文学术写作与语料库本地化支持的表现剖析

Grammarly是全球写作工具，语料库以英文为主，支持基本中文检查；沁言学术是本土AI平台，语料库深度本地化，针对中文学术设计。中文学术写作：Grammarly基础语法/拼写（本地化弱），沁言学术AI生成/优化（深度支持）。语料库本地化：Grammarly通用库（英文主导），沁言学术本土库（CNKI等集成）。整体：Grammarly免费版通用，付费版高级；沁言学术免费版入门，AI付费优化。表现亮