第一步:$ 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>

在这里插入图片描述

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐