使用 vue-json-viewer 工具在界面显示json格式数据

安装vue-json-viewer

npm install vue-json-viewer --save

引入：

import JsonViewer from 'vue-json-viewer'
Vue.use(JsonViewer)

使用：

重置样式：

.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;
}

效果：