VueJS Axios，如何从数组中获取数据答案

【问题标题】：VueJS Axios, how to get data from arrayVueJS Axios，如何从数组中获取数据
【发布时间】：2019-08-02 02:26:05
【问题描述】：

我正在尝试使用来自this JSON 文件的数据。我可以使用 Vue Devtools 看到我已经获得了数据，但我不确定如何访问它。

我是这样存储数据的：

let app = new Vue({
      el: "#app",
      data: {
        n_btc: {}
    }

然后尝试使用{{n_btc.Data.title}}访问它

我也试过{{n_btc.Data[0].title}}（因为我认出它是一个数组），但这也没有用。

访问title 的正确方法是什么？

【问题讨论】：

你能显示你的 axios 调用的代码吗？ devtools 控制台中是否有任何错误？此外，在 ajax 完成之前不会设置 n_btc.Data[0].title 的值，因此在渲染数据时需要考虑到这一点。
n_btc 是否存储了整个 json 文件的内容？如果是这样，则需要像这样访问它：n_btc.n_btc.Data[0].title

【解决方案1】：

关于你对Vue 来说似乎是新人

我猜你尝试在独立安装的地方或在你的axios调用之后访问数据，所以

在您的数据从通话中返回后

你应该这样分配

this.n_btc = YOUR_RESPONSE.n_btc

以后你可以通过this.n_btc.Data[0].title访问

console.log(this.n_btc.Data[0].title)

【讨论】：