從 axios post 的外部訪問變量

Question

我正在嘗試訪問 axios 調用中的變量，但它返回一個undefined錯誤。 請在下面查看我的代碼。

new Vue({
   el: '#app',
   data(){
     return {
       roles: [{ display: 'disp' }]
     }
   },
   methods: {
      axios.post('{{ route('role.add') }}', {

      })
      .then((response, roles) => {
            console.log(this.roles);

      })
       .catch(function(err){
          console.log(err);
       });
   }

})

錯誤

不明確的

解決方案 [已解決]

• 在 Vue 上方添加了全局變量。

Answer 1

嘗試在沒有this情況下訪問。 我沒有看到使用this任何目的。

const axios = require("axios");
var a = "some value";

axios.get('http://www.google.com').then(function () {

    console.log(a);
}).catch(e => {
    console.log(e, "ERROR");
})

Answer 2

只需刪除此關鍵字，它就會起作用：

var roles = [{ display: 'disp' }];

axios.post('{{ route('role.add') }}', {

})
.then(function(response){
     console.log(roles);
})
.catch(function(err){
     console.log(err);
});

或者使用不是首選的箭頭函數：

var roles = [{ display: 'disp' }];

axios.post('{{ route('role.add') }}', {

})
.then((response, roles) => {
     console.log(this.roles);
})
.catch(function(err){
     console.log(err);
});