【错误记录/vue.js】axios中的response数据无法传递给vue

场景

• 在使用axios与服务器进行通信时，回调函数中无法将response中的数据传递给vue，如下所示：

  const app = Vue.createApp({
        
        
    data() {
        
        
      return {
        
        
      };
    },
    mounted() {
        
        
    },
    methods: {
        
        
      callGm() {
        
        
        console.log(this.curGm);
        axios
          .get("api/gm", {
        
         params: this.curGm.vals })
          .then(function (response) {
        
        
              this.curGm = response.data;
          });
      },
    },
  });
  
  const vm = app.mount("#app");
  

  调试时this为windows
  

解决方式

• 使用lambda表达式

  callGm() {
        
        
    console.log(this.curGm);
    axios
      .get(window.location.origin +"/api/gm", {
        
         params: this.curGm.vals })
      .then((response) => {
        
        
          this.curGm = response.data;
      });
  },