vue-json-viewer组件的使用

今天在做数据预览功能的时候，要将数据以json格式展现出来，找到一个组件，感觉挺好用，记录一下。Github地址：https://github.com/chenfengjw163/vue-json-viewer

一、安装

npm install vue-json-viewer --save

二、使用（二次封装了一下）

<template>
  <json-viewer
    :value="value"
    :expanded="expanded"
    :expand-depth="5"
  ></json-viewer>
</template>
<script>
import Vue from "vue";
import JsonViewer from "vue-json-viewer";
Vue.use(JsonViewer);
export default {
  name: "jsonView",
  props: {
    //显示的值
    value: [Object, Array],
    //是否展开
    expanded: {
      type: Boolean,
      default: true,
    },
  },
  data() {
    return {};
  },
  computed: {},
  methods: {},
};
</script>
<style lang="scss" scoped>
</style>

三、效果