一、安装组件vue-json-viewer
npm install vue-json-viewer --save
二、在main.js中引入并使用vue-json-viewer
import JsonViewer from 'vue-json-viewer';
Vue.use(JsonViewer);
三、在.vue文件中使用vue-json-viewer
<json-viewer :value="obj" ></json-viewer>
其中obj数据如果是JSON格式字符串,要先用JSON.parse()
转成对象文章来源:https://www.toymoban.com/news/detail-594207.html
<json-viewer
:value="JSON.parse(alarmInfo.additionalInfo)"
:expand-depth="5"
boxed
sort
></json-viewer>
未格式化效果
JSON格式化后
文章来源地址https://www.toymoban.com/news/detail-594207.html
到了这里,关于VUE展示JSON格式数据【vue-json-viewer】的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!