如何将数据从我的函数传递到数据方法？

Question

我正在尝试将数据从我的 API 传递到 Vue 中的 data 方法。

       data(){
          return{
            name:"" 
          }
       },
           
    
       methods: {    
        
              getData(){
                useData.data("profile",  this.route.params.id).then(function(r: any){          
                   r.data;         
                });
              }

        },
    
        created(){
        
          this.name=this.getData();
        
        }

我在我的模板中显示它是这样的：

{{name}}

问题是它不起作用。它没有显示任何错误，但也没有显示任何内容。

如果我将函数 getData() 更改为：

      getData(){
         return "123";
      }

成功在模板中显示123。我相信这与承诺有关。

如果我尝试直接在函数 getData() 内为 name 赋值，我会收到以下错误：

Uncaught (in promise) TypeError: Cannot set property 'name' of 未定义

那么如何从 http 请求中获取数据并将其发送到data 方法？

Answer 1

我只是通过改变解决了这个问题

来自

getData(){
   useData.data("profile",  this.route.params.id).then(function(r: any){          
         r.data;         
   });
}

到

 getData(){
    useData.data("profile",  this.route.params.id).then(r =>{          
        this.name=r.data;         
    });
 }

我猜this 不适用于常规函数

如果有人知道是否有任何方法可以在常规函数中使用 this，请告诉我如何使用。