从 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);
});