官方地址:https://www.npmjs.com/package/vue-json-viewer
Using npm:
$ npm install vue-json-viewer --save
Using yarn:
$ yarn add vue-json-viewer代码实现
在script 里面导入包:
import Vue from 'vue'
import JsonViewer from 'vue-json-viewer'
// Import JsonViewer as a Vue.js plugin
Vue.use(JsonViewer)
// or
// components: {JsonViewer}在template里面加入如下一种: 其中jsonData必须是json类型的数据。
<json-viewer :value="jsonData"></json-viewer>
<hr />
<json-viewer
:value="jsonData"
:expand-depth=5
copyable
boxed
sort></json-viewer>然后静态文件和引入都写好后,在script里面,定义jsonData,为它赋值
https://blog.csdn.net/qq_18769269/article/details/103863290
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。