vue中使用插件格式化json(可伸缩)
·
原本可以使用<pre>标签+JSON.stringfy()函数解决json格式化显示的问题,但是数据量过大希望可以像jsonviewer一样能够伸缩,所以使用了vue-json-viewer插件,mark如下:
1、安装
$ npm install vue-json-viewer --save
2、使用
<json-viewer :value="jsonData"></json-viewer>
<hr />
<json-viewer
:value="jsonData"
:expand-depth=5
copyable
boxed
sort></json-viewer>
import Vue from 'vue'
import JsonViewer from '../lib'
// Import JsonViewer as a Vue.js plugin
Vue.use(JsonViewer)
new Vue({
el: '#app',
data() {
return {
jsonData: {
total: 25,
limit: 10,
skip: 0,
links: {
previous: undefined,
next: function () {},
}
}
}
}
});
3、效果

4、属性

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐



所有评论(0)