vue json 格式化

yarn add vue-json-viewer




import JsonViewer from 'vue-json-viewer';


  components: {
    JsonViewer,
  },


    <q-dialog
      v-model="codeDialog"
      persistent
      :maximized="true"
      transition-show="slide-up"
      transition-hide="slide-down"
    >
      <q-card class="text-white column">
        <q-bar class="bg-primary">
          JSON格式配置信息
          <q-space />
          <q-btn dense flat icon="close" v-close-popup>
            <q-tooltip content-class="bg-white text-primary">Close</q-tooltip>
          </q-btn>
        </q-bar>
        <q-scroll-area class="col">
          <json-viewer :value="formData" :expand-depth=4 copyable  sort></json-viewer>
        </q-scroll-area>
      </q-card>
    </q-dialog>