需求:对比变更前后数据
- 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"copyableboxedsortexpanded></json-viewer>
</div>