javascript - 如何从 VueJS 中接收到的数据分配数据？

Question

如何从接收到的数据中分配数据？我的代码在下面。 axios 运行良好。我可以从服务器获取 response.data。我试图将数据分配给 imglists 变量。但它没有分配。我怎么了？有什么不对？请帮助我。

var app = new Vue({
  el: '#app',  
  data: {      
    imglists: [],  
  },  
  created(){     
      axios.post('https://test.com/hello-lambda')
   .then(function (response) {        
     this.imglists = response.data;
   }).catch(function (error) {    
    console.log(error);  
   });  
}})

Answer 1

在上面的示例代码中，this 绑定(bind)到创建的函数。要将 this 绑定(bind)到对象上下文，您需要一个不绑定(bind) this 的函数。使用 ES6(ES2015)解决绑定(bind)问题。

使用 ES6 语法:

var app = new Vue({
  el: '#app',  
  data: {      
    imglists: [],  
  },  
  created(){     
      axios.post('https://test.com/hello-lambda')
       .then(response =>  this.imglists = response.data)
       .catch(error =>console.log(error));  
  }
})