我被一个 get call Vue Js 困住了

Question

我正在使用 Vue.js 和 元素 UI。我必须填写 table 但我遇到了以下错误：

Expected Array, got Object.

我知道 'get' 调用返回单个 Promise 对象。我试图打印出该对象以查看如何到达数组。它在 [[PromiseValue]] 里面，我不知道如何访问它。我已经看到关于这个 post 的答案：What does [[PromiseValue]] mean in javascript console and how to do I get it。但我觉得以这种方式访问它似乎不对，因为它是私有的属性。所以我正在寻找一个标准的解决方案。这是我与 vue.js 的第一个项目。我之前用过 Angular 2-4，我只需要做 response.json()._embedded.customers

Get 调用:

    this.$http.get('http://localhost:8080/customers')
    .then(response => {
      // JSON responses are automatically parsed.
      this.customersArray = response.json();
      console.log(response.json());
    })
    .catch(function(err) {
      return {
        name: 'default user'
      };
    })

response.json() 对象：

简而言之，我需要_embedded 下的customers 数组。对于crud，正在使用vue资源。

编辑：我什至尝试按如下方式解决它，但得到的结果与屏幕截图相同：

    var promise1 = new Promise((resolve, reject) => {
      Vue.http.get('http://localhost:8080/customers').then((response) => {
        resolve(response.json());
      }, (response) => {
        reject(response.status)
      })
    });
    console.log(promise1);

感谢您的宝贵时间。

Answer 1

我必须阅读响应的正文才能找到我需要的对象。我已经通过以下方式解决了它：

        this.$http.get('http://localhost:8080/customers')
        .then(response => {
          // JSON responses are automatically parsed.
          this.customersArray = response.body._embedded.customers;
        })
        .catch(function(err) {
          return {
            name: 'default user'
          };
        })

我不知道为什么检查器上没有任何部分 'body'，我通常通过打印出整个对象然后按照检查器上的路径来找到这些东西。但无论如何。 =)

编辑：2天无法接受自己的回答，给您带来不便，敬请谅解。

我被一个 get call Vue Js 困住了

I got stuck with a get call Vue Js

javascript

arrays

rest

vue-resource

vuejs2