安装vue-json-viewer
npm install vue-json-viewer --save
引入:
import JsonViewer from 'vue-json-viewer'
Vue.use(JsonViewer)
使用:
<json-viewer
:value="jsonData"
show-double-quotes
:preview-mode="true"
:show-array-index="false">
</json-viewer>
重置样式:
.jv-container.jv-light{
background: transparent!important;
}
.jv-container.jv-light .jv-item.jv-object{
color: #cdf8ff!important;
}
.jv-container.jv-light .jv-key{
color: #cdf8ff!important;
}
.jv-container.jv-light{
color: #cdf8ff!important;
}
.jv-container.jv-light .jv-item.jv-array{
color: #cdf8ff!important;
}
效果: