使用vue.js显示json中的数据

Question

嗨，我试图用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}}

没有成功。 谢谢。

Answer 1

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

后

{{ siteObject.site_id }}