在Vue 项目中使用Vue-json-viewer插件展示JSON格式数据

将从后台获取到的请求参数以JSON的数据格式进行展示

效果如下图所示，将数据进行格式化展示

在这里插入图片描述
从后台拿到的数据

在这里插入图片描述
使用vue-json-viewer插件格式化之后页面显示的数据

1、

npm install vue-json-viewer --save  //安装插件

2、在页面中引入、注册插件

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

3、使用插件

<json-viewer :value="data" :expanded="true"></json-viewer>

value对应json数据