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

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字符串,否则样式不会生效