使用vue.js显示来自json的数据
使用vue.js显示来自json的数据
提问于 2018-05-31 18: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}}没有成功。谢谢你。
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-05-31 19:44:54
computed: {
siteObject() {
return JSON.parse(this.site);
}之后
{{ siteObject.site_id }}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50621652
复制相关文章
相似问题