如何在 axios 內部調用函數？

Question

我試圖在 Axios 中調用一個函數，但它顯示未定義。 下面是我的簡單代碼。我正在使用 vuejs。

methods:{
    sett( ){
        console.log("result" )
    },

    List() {
        var self = this;
        axios.get("http://localhost:8080/api/v1/pas/device")
            .then(function(res) {
                self.sett( )
            }
        }
    },
    created: {
        this.List();
    }

Answer 1

Created 是一個函數

methods:{
   sett(response){
       console.log(response)
       console.log("result" )
   },
},
created() {
   axios.get("http://localhost:8080/api/v1/pas/device").then(this.sett)
}

Answer 2

在 axios 中使用箭頭函數並以常規方式調用其他函數：

methods:{
  sett( ){
    console.log("result" )
  },
  List() {
    axios.get("http://localhost:8080/api/v1/pas/device")
        .then((res) => {
            this.sett();  // do with res what you want
        });
  }
},
created() {
    this.List();
}

Answer 3

created鈎子是一個函數而不是一個對象：

....
created:function(){
  this.List()
} 

或 ES6 速記語法：

....
created(){
  this.List()
}