vue项目将json转化为格式化的json,展示在界面中，可展开

ゝ一纸荒年。 2022-11-02 11:39 118阅读 0赞

**一、安装插件**

npm install vue-json-viewer --save

**二、组件中引入**

<script>
    import JsonViewer from 'vue-json-viewer'
    export default {
      components:{
        JsonViewer
      }
    }
    </script>

**三、示例**

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDExMTg2NA_size_16_color_FFFFFF_t_70_pic_center]

<template>
    	<div class="testBox">
           <div class="box">{
       {testJson}}</div>  //json数据
           <div class="box">
             <json-viewer :value="testJson"></json-viewer>  //格式化json
           </div>
     	</div>
    </template>
    
    <script>
    export default {
      data() {
        return {
          testJson:{
            cityAll:'全国城市大全',
            number:10,
            cityList:[
              {
                name:'北京'
              },
              {
                name:'上海'
              }
            ]
          },
        }
      }
    }
    </script>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDExMTg2NA_size_16_color_FFFFFF_t_70_pic_center]: /images/20221024/201462da907f40e185a54cfb0dfb2bb2.png

发表评论取消回复

表情：

评论列表（有 0 条评论，118人围观）

还没有评论，来说两句吧...

相关阅读

相关 Qt将数据转化为json格式

1.运行截图 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4u...

落日映苍穹つ/ 2024年04月17日 17:28/ 0 赞/ 94 阅读

相关 vue项目将json转化为格式化的json,展示在界面中，可展开

一、安装插件 npm install vue-json-viewer --save 二、组件中引入 <script> import JsonVie

ゝ一纸荒年。/ 2022年11月02日 11:39/ 0 赞/ 119 阅读

相关 javaa数组转化为json,将Json数组转换为Java数组

![Image 1][] I'm trying to convert this JSON string into an array: \{"result":"success

﹏ヽ暗。殇╰゛Y/ 2022年10月04日 12:55/ 0 赞/ 348 阅读

相关将JSON对象转化为实体对象

public static Object json2Object(JSONObject json, Class pojo) throws Exception {

╰+哭是因爲堅強的太久メ/ 2022年07月18日 00:06/ 0 赞/ 360 阅读

相关 JAVA 将json字符串转化为Map

/\\ \ 将json字符串转化为Map \ @author fangbo \ @param jsonStr \ @retu

柔光的暖阳◎/ 2022年07月12日 03:43/ 0 赞/ 1022 阅读

相关 Java如何将字符串转化为JSON（json-lib）

前言：关于如何转换网上的文章已经很多了，我之所以还写出来的主要目的是提供一下jar。很多博主只是提供json-lib包，其他依赖的包让自己去下载，自己在这里遇到一些坑就

Love The Way You Lie/ 2022年06月03日 01:09/ 0 赞/ 373 阅读

相关格式化json数据展示可折叠样式

有很多时候我们需要展示json数据，并不仅仅是数据展示，如让json中的数据像树形一样展示实现可折叠，废话不多说直接上步骤： 1.项目中引入外部插件（可以百度或者加入下方交流

叁歲伎倆/ 2022年06月02日 00:38/ 0 赞/ 441 阅读

相关 php 将xml 数据转化为json

PHP : public function xml_to_json($source) { if(is_file($source)){ //传的是文件

客官°小女子只卖身不卖艺/ 2022年05月22日 04:57/ 0 赞/ 280 阅读

相关如何将数组转化为json字符串,然后转化回来

var arr = ['111', '222', 333] console.log(arr) var obj = {}

逃离我推掉我的手/ 2022年04月02日 12:53/ 0 赞/ 420 阅读

相关 python将json数据转化为dataframe

原始数据下 {"data":[{"小明": {"中国合伙人2": 5.0, "太平轮": 3.0, "荒野猎人": 4.5, "老炮儿": 5.0, "我的少女时代"

系统管理员/ 2021年12月18日 22:31/ 0 赞/ 372 阅读