如何從調用函數之外的axios響應中獲取數據

Question

我正在嘗試將視頻標題從axios GET轉換為視頻API：

// METHOD GETTING A VIDEO ID:

latestVideo(videoID) {

  var self = this;
  var title;

  axios.get('http://video-api.dev/'+videoID)
  .then(response => {
    this.title = response.data.title
    console.log(response.data.title) //returns the correct title
  })
  return title // returns nothing

}

控制台日志顯示了標題，但我需要將此標題傳遞給call函數之外，以使其在我的Vue應用程序中可用。

我嘗試聲明var self=this但似乎沒有任何效果。 我錯過了什么嗎？

Answer 1

好吧，什么也不會返回，因為您沒有為變量分配任何值，所以當請求滿足時，您將必須將響應數據分配給變量：

latestVideo(videoID) {

  // var self = this;
  // var title;

  axios.get('http://video-api.dev/'+videoID)
  .then(response => {
    this.title = response.data.title
    console.log(response.data.title) //returns the correct title
  })
  // return title // not needed

}

然后，在解決了諾言（請求）后，您可以從組件（ this.title ）訪問變量。

如果您使用的是箭頭語法，則不必使用自我開關。

Answer 2

您正在返回標題，將響應分配給this.title ，請嘗試返回this.title 。 我以為latestVideo存在於類中

class x {

latestVideo(videoID) {
    axios.get('http://video-api.dev/'+videoID)
    .then(response => {
        this.title = response.data.title
        console.log(response.data.title) //returns the correct title
    });

    return this.title
}}