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

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

1 个答案: