需求:对比变更前后数据
- npm包下载
npm install vue3-json-viewer --save
- main.ts中全局引用
// json可视化
import JsonViewer from "vue3-json-viewer"
import "vue3-json-viewer/dist/index.css";
app
.use(JsonViewer)
.mount("#app");
- .vue文件页面使用
<div v-for="(item, index) in JSON.parse(dialogData.oldData)" :key="index">
<json-viewer
:value="item"
:expand-depth="5"
copyable
boxed
sort
expanded
></json-viewer>
</div>