vue-json-viewer展示json数据

503 阅读1分钟

需求:需要展示后端返回的json数据,并且有copy功能

  1. vue-json-viewer的下载
npm install vue-json-viewer --save

2.main.js中引入

import JSonViewer from 'vue-json-viewer'
Vue.use(JSonViewer)
  1. 组件中使用
// paramsJson 就是后端返回的json数据
 <json-viewer :value="paramsJson" :expand-depth="9999" boxed sort expanded copyable>
 </json-viewer>
import JsonViewer from 'vue-json-viewer'
 components: {
    JsonViewer
  }
  1. 属性

image.png

参考源:blog.csdn.net/qq_37831545…