访问承诺值axios

Question

我正在尝试从另一个函数的Axios调用中访问Promise值。

methods: {
    checkItem() {
        const url = "http://api.crossref.org/journals/" + this.editedItem.issn;
        return axios.get(url)
            .then(response => response.status);
    },

    save() {
        console.log(this.checkItem());
    }
}

我希望在调用save()时在控制台中记录状态代码。 目前，它正在记录整个承诺。

Answer 1

您可以使用async/await 。

<script>
new Vue({
  el: "#root",

  methods: {
    checkItem() {
      const url = "http://api.crossref.org/journals/" + this.editedItem.issn;
      return axios.get(url).then(response => response.status);
    }
  },
  async save() {
    console.log(await this.checkItem());
  }
});
</script>

或使用Promise ：

<script>
new Vue({
  el: "#root",

  methods: {
    checkItem() {
      const url = "http://api.crossref.org/journals/" + this.editedItem.issn;
      return axios.get(url).then(response => response.status);
    }
  },
  save() {
    this.checkItem().then(res => {
      console.log(res);
    });
  }
});
</script>

Answer 2

将您的save（）函数更改为以下内容：

async save() {
  const response = await this.checkItem()
  console.log(response);
  // The status code is likely in something like response.status
}

Answer 3

    this.checkItem().then(res => {
      console.log(res);
    });