使用 vue.js 显示来自 json 的数据答案

【问题标题】：show data from json with vue.js使用 vue.js 显示来自 json 的数据
【发布时间】：2018-05-31 10:02:34
【问题描述】：

您好，我正在尝试使用 vue.js 显示来自 json 的一些数据这是我的 vue 文件：

<template>
    <div>
        <div class="card">
            <div class="card-header">
                  <h4 class="card-title">Customer Infos</h4>
            </div>      
            <div class="card-content">
             {{site}}
            </div>      
        </div>
    </div>
</template>
<script>
    export default {
        props: ['site'],
        mounted () {
            console.dir(this.site)
        }
    }
</script>
<style>
</style>

结果如下：

{"id":274292982,"site_id":"2512016716"}}

我想让它只显示site_id

我已经试过了：

 {{site.site_id}}

没有成功。谢谢你。

【问题讨论】：

{"id":274292982,"site_id":"2512016716"}} 中的结尾花括号过多
@cjs1978 复制过去的错误
您是否收到任何控制台错误？
@ittus 没有错误
请提供一些关于父组件的代码 - 如何将site 数据传递给子组件

标签： javascript json vue.js

【解决方案1】：

computed: {
siteObject() {
    return JSON.parse(this.site);
}

之后

{{ siteObject.site_id }}

【讨论】：

请添加一些有意义的解释。