Question

您好如何使用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<br>
version: 17<br><br>
...

这是我的剧本：

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

感谢

Answer 1

感谢您的帮助我找到了解决方案：

<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>

使用vue.js格式化json文件

1 个答案: