uniapp 在onload调用methods中函数不生效

最新推荐文章于 2025-01-16 18:23:35 发布

原创最新推荐文章于 2025-01-16 18:23:35 发布 · 8.3k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #html5 #css

日常bug整理专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个在uni-app中常见的问题：在methods中调用接口后无法更新前台展示数据的现象及解决方案。通过将methods中的接口调用函数修改为箭头函数，可以确保this正确指向组件实例，从而成功更新数据。

日常爬坑，发现在onload中调用methods方法后，未能修改前台展示数据

代码如下

解决办法：

将methods中的调用接口函数，修改为箭头函数

methods:{
           recommendadopt(){
               console.log(this.recommend);
               uni.request({
                   url:this.url+'xxxxx',
                   success: (respose) => {//调用接口的success函数必须用箭头函数，才能正确的指向
                       console.log('AAA');
                       console.log(respose.data.data);
                       this.recommend=respose.data.data;
                       console.log(this.recommend);
                       console.log('BBBB');
                   },
               })
               console.log('1')
           },
       }