第一步:$ npm install vue-json-viewer --save 进行下载
第二步:在配置文件中导入,import JsonViewer from ‘vue-json-viewer’,并使用Vue.use(JsonViewer)
第三步:直接使用json-viewer标签
属性说明:
属性 | 描述 | 默认值 |
---|---|---|
expand-depth | 展开层数 | 1 |
value | 数据源json串 | 必填json串 |
copyable | 复制按钮 | false |
sort | 排序 | false |
例如:<json-viewer :value="jsonData" :expand-depth=1 copyable></json-viewer>