Javascript 无法在html中显示vue数据数组

因此，我得到了比特币的价格，然后将其存储在一个新vue实例的数据数组中，当我尝试在js文件中console.log这个数组时，它可以完美地工作，但当我尝试在html中显示它时，如so

{array}

它会显示一个空数组

var newApp=new Vue({
el:“#api应用程序”，
数据：{
留言：“你好”，
比特币：空
},
安装的（）{
常量proxyurl=”https://cors-anywhere.herokuapp.com/";
常量url=”https://api.coinmarketcap.com/v1/ticker/?limit=1&convert=EUR"
常量头={
标题：{
“X-CMC_PRO_API_密钥”：“6adgg52e-3950-4a2c-bgbb-991e41065c5c”//伪API密钥
}
}
axios（proxyurl+url，{headers}）
。然后（结果=>{
this.bitcoin=result.data
}).catch（错误=>{
console.error（“error”，err）
})
}
})

比特币中的

排名：{{details.name}}st
价格：{{details.Price{u eur}}}€

试试这个

axios(proxyurl + url, {headers})
    .then(result => {
        this.bitcoin = result.data
    }).catch(err => {
        console.error("error",err)
    })

这应该行得通

它正在工作。检查您的回复，没有价格字段

[
    {
        "id": "bitcoin", 
        "name": "Bitcoin", 
        "symbol": "BTC", 
        "rank": "1", 
        "price_usd": "9287.63433026", 
        "price_btc": "1.0", 
        "24h_volume_usd": "22493494863.2", 
        "market_cap_usd": "167413899690", 
        "available_supply": "18025462.0", 
        "total_supply": "18025462.0", 
        "max_supply": "21000000.0", 
        "percent_change_1h": "0.12", 
        "percent_change_24h": "0.85", 
        "percent_change_7d": "0.2", 
        "last_updated": "1572697240", 
        "price_eur": "8316.11062878", 
        "24h_volume_eur": "20140585326.6", 
        "market_cap_eur": "149901736127"
    }
]

---

使用正确的属性名称

Vue JS中有一些反应性警告： 您应该在这里查看这些内容：

在本例中，您定义一个空白数组，然后在请求成功后直接分配一个新数组。因此，它改变了阵列的长度，并变得无反应

---

理想情况下，在呈现UI之前，您应该设置

比特币：null

，并放置

v-if='bitcoin'

。因此，在响应到达之前，模板不会呈现，您还可以在

v-else

中设置一个漂亮的加载程序，如果我没有错，您可能需要在html中设置v-for，显示数组data@MSoheb在我的代码中尝试了这一点无效更新了我的代码段aswell@SimpleDev您能告诉我您从请求中得到了什么样的响应，以及上面的代码有什么问题吗。@SimpleDev response不包含任何价格字段。当我运行代码段时，Rank显示得非常完美。检查更新的答案，我已经给出了您得到的响应。尝试后仍然不起作用，它不会显示任何内容vue devtools是否显示充满值的比特币数组？