vue中json展示插件vue-json-views

npm i vue-json-views

<template>
  <div>
      <json-view :data="data" />
  </div>
</template>

<script>
import jsonView from 'vue-json-views'
export default {
  components: {
    jsonView
  },
  data() {
    return {
      data:
        '{"User":{"ID":0,"SectorType":3,"Pieces":[{"Piece":{"Size":34359738368,"PieceCID":{"/":"baga6ea4seaqao7s73y24kcutaosvacpdjgfe5pw76ooefnyqw4ynr3d2y6x2mpq"}},"DealInfo":null}]}}'
    }
  },
  methods: {
  },
  created() {
    this.data = JSON.parse(this.data)
  }
}
</script>

效果如下：

更多配置属性请参考npm
链接: https://www.npmjs.com/package/vue-json-views.