uni-app 使用this动态传参赋值问题

最新推荐文章于 2024-05-06 15:16:12 发布

原创最新推荐文章于 2024-05-06 15:16:12 发布 · 6.5k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app

uni-app 同时被 2 个专栏收录

2 篇文章

订阅专栏

uni-app this指向

1 篇文章

订阅专栏

本文详细介绍了在uni-app开发中，如何正确处理请求回调中的this指向问题，避免因闭包导致的数据无法正常更新。通过使用let that=this或箭头函数的方式，确保this.token能正确赋值。

先上一段代码：

    export default {
       data() {
           return {
               token:''
           }
       }

}

let that=this

    uni.request({
                   url:this.$BaseUrl+'/CompanyController/establishToken',
                   methods:'POST',
                   header:{
                   'Content-type':'application/x-www-form-urlencoded'
                   },
                   dataType:"json",
                   success:funtion(){
                       // this.token=res.data.token;

                      that.token=res.data.token;
                   }
               })

这个代码中使用普通的success:funtion(){} 经常用普通函数因此我们使用this.token赋值的时候出现怎么都赋不上值因为

uni.request 中uccess方法指向闭包，所以this属于闭包，由此在success回调函数里是不能直接使用this.tokne的可以在方法外使用let that=this的方法 that.token=res.data.token ;

当然还有另外一种方法使用使用箭头函数直接使用this指向就可以

    uni.request({
                   url:this.$BaseUrl+'/CompanyController/establishToken',
                   methods:'POST',
                   header:{
                   'Content-type':'application/x-www-form-urlencoded'
                   },
                   dataType:"json",
                   success:(res)=>{
                       this.token=res.data.token;
                   }
               })

各位小姐姐，小哥哥小编如果能够给各位解决问题，留下爱心，足迹哦