簡體   English   中英

使用 vue.js 格式化 json 文件

[英]formatting json file with vue.js

如何使用 vue.js 顯示 json 文件的輸出,這是我的示例:

access_type: {
    "id": 1210765901,
    "version": "17",
    "creation_time": "2015-04-02 15:09:02",
    "change_time": "2017-01-06 02:51:01",
    "fixnet_id": "BN00002969937",
    "status": "ACTIVE",
    "xipsib_lan_ip": null
}

我想讓輸出是這樣的:

id: 1210765901
version: 17
...

這是我的腳本:

<div class="card-content">
    <pre v-for="(info, index) in activeInfos" :key="index">
        <li>{{ type }}: {{ info}}</li> 
    </pre>
</div>

感謝您的幫助我找到了解決方案:

<vue-tabs class="row" direction="vertical" value="Description">
          <div v-for="(siteParts, index) in sitePartLine">
            <v-tab :title="sitePartLine[index].serial_no" v-if="sitePartLine[index]">
              <div class="description text-left" v-for="siteParts in sitePartLine">
                {{ siteParts.fixnet_id }}
                <div class="description text-left" v-for="item in siteParts.part_attributes">
                  <small><strong>{{item.x_name}}</strong> {{item.x_value}}</small>
                </div>
              </div>
            </v-tab>
          </div>

        </vue-tabs>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM