备案控制台
探索云世界
开发者社区 开发与运维 文章 正文

vue展示json数据，vue-json-viewer的使用

2024-04-16 23
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： vue展示json数据，vue-json-viewer的使用

安装

$ npm install vue-json-viewer --save

引入

//引入
import JsonViewer from 'vue-json-viewer'

// 注册
  components: {
    JsonViewer,
  },

也可以

  import Vue from 'vue'
  import JsonViewer from 'vue-json-viewer'
  Vue.use(JsonViewer)

使用

 <json-viewer :value="responseJs" :expand-depth="4" copyable sort></json-viewer>

具体参数


https://www.npmjs.com/package/vue-json-viewer


效果

文章标签：
JavaScript
数据格式
JSON
关键词：
vue JSON vue-json-viewer
微芒不朽
目录
相关文章
卡尔特斯
|
4月前
|
JSON JavaScript 前端开发
前端 ex2json 用于 vue/react/js 将 xls、xlsx、csv 文件转成 json 数组
前端 ex2json 用于 vue/react/js 将 xls、xlsx、csv 文件转成 json 数组
卡尔特斯
97 0
No8g攻城狮
|
6月前
|
XML JSON JavaScript
【前端】Vue项目中 JSON 编辑器的使用
【前端】Vue项目中 JSON 编辑器的使用
No8g攻城狮
584 0
n2t3mdveprf54
|
JSON JavaScript 数据格式
Vue中 引入使用 vue-json-editor
Vue中 引入使用 vue-json-editor
n2t3mdveprf54
1401 0
Vue中 引入使用 vue-json-editor
微芒不朽
|
13天前
|
JSON 前端开发 JavaScript
Vue+Axios+SpringBoot后端同时接收文件和json作为请求参数
Vue+Axios+SpringBoot后端同时接收文件和json作为请求参数
微芒不朽
25 0
祈澈菇凉
|
5月前
|
JSON 数据格式
Vue+axios请求本地json
Vue+axios请求本地json
祈澈菇凉
65 0
祈澈菇凉
|
5月前
|
JSON JavaScript 数据格式
Vue解析json数据的渲染
Vue解析json数据的渲染
祈澈菇凉
45 0
祈澈菇凉
|
5月前
|
JSON JavaScript API
Vue移动端框架Mint UI教程-调用模拟json数据(五)
Vue移动端框架Mint UI教程-调用模拟json数据(五)
祈澈菇凉
42 0
GoodTime
|
6月前
|
JSON JavaScript 数据处理
vue+element 返回数组或json数据自定义某列显示的处理--两种方法
本文是作者开发一个业务需求时，将返回数据列表的其中一个数据长度很长的字段处理成数组，并将其作为子表显示的过程，具体样式如下（数据做了马赛克处理） ![请在此添加图片描述](https://developer-private-1258344699.cos.ap-guangzhou.myqcloud.com/column/article/5877188/20231030-902560ce.png?x-cos-security-token=v61lCvRHgTvmeijokvUBGGxbT01lDU8ac78083fc31c5e3a734833edd862768549WL7GvROHQNGkc9F
GoodTime
75 0
vue+element 返回数组或json数据自定义某列显示的处理--两种方法
t75yjb52rsccc
|
9月前
|
JSON JavaScript 前端开发
Vue(第十七课)AXIOS对JSON数据的增删改查二）
Vue(第十七课)AXIOS对JSON数据的增删改查二）
t75yjb52rsccc
180 0
t75yjb52rsccc
|
9月前
|
JSON JavaScript 数据格式
Vue(第十七课)AXIOS对JSON数据的增删改查（一）
Vue(第十七课)AXIOS对JSON数据的增删改查（一）
t75yjb52rsccc
338 0

热门文章

最新文章

  • 1
    「Python系列」Python JSON数据解析
  • 2
    Java中XML和JSON的比较与应用指南
  • 3
    PostgreSQL Json应用场景介绍和Shared Detoast优化
  • 4
    解锁JSON的奇妙世界：从基础到高级应用，一文搞懂JSON的妙用（中）
  • 5
    云效产品使用报错问题之流水线中配置了AppStack，构建时下载的制品内容为json字符串，如何解决
  • 6
    MongoDB的文档存储格式BSON和JSON的区别
  • 7
    使用JSON和XML：数据交换格式在Java Web开发中的应用
  • 8
    C语言与lua通过json对象交互
  • 9
    什么是json？json可以存放在哪几种数据类型？在什么时候用？
  • 10
    python逐行读取txt文本中的json数据，并进行处理
  • 1
    Python中的JSON模块：从基础到高级应用全解析
    83
  • 2
    使用Jackson进行 JSON 序列化和反序列化
    29
  • 3
    【微信小程序】--JSON 配置文件作用（三）
    25
  • 4
    揭秘 Variant 数据类型：灵活应对半结构化数据，JSON查询提速超 8 倍，存储空间节省 65%
    139
  • 5
    盘点Python中4种读取JSON文件和提取JSON文件内容的方法
    330
  • 6
    Python中读写（解析）JSON文件的深入探究
    37
  • 7
    序列化模块pickle和json有什么区别
    18
  • 8
    python写入的json文件要格式化
    17
  • 9
    小白一眼就能懂的JSON简介与基本使用指南
    33
  • 10
    Python字典和JSON字符串相互转化方法
    62

    • 相关课程

    更多
  • JSON 自学手册图文教程
  • Vue.js 入门与实战
  • Node.js 入门教程文档

    • 相关电子书

    更多
  • 23-Vue.js在前端...1506518547.pdf
  • 利用编译将 Vue 组件转成 React 组件
  • Vue.js在前端服务化上的实践与探索
    • 下一篇
    2024年阿里云免费云服务器及学生云服务器申请教程参考