微信小程序 onLaunch onLoad onShow异步

最新推荐文章于 2025-06-18 16:29:21 发布

张日天7

最新推荐文章于 2025-06-18 16:29:21 发布

阅读量7.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：微信小程序 vue javascript

本文链接：https://blog.youkuaiyun.com/m0_37676724/article/details/83151971

本文讨论了微信小程序在初始化过程中遇到的onLaunch、onLoad和onShow事件的异步问题，尤其是在onLaunch中执行用户登录时，可能会导致Page的onLoad或onShow事件提前执行。为了解决这个问题，提出了一种解决方案：在Page页面定义一个回调函数，等onLaunch中的用户登录完成并获取到返回值后，再执行这个回调函数。这样可以确保在调用业务接口前，globalData.token已有值，保证执行顺序为onLaunch -> 用户登录 -> 回调函数 -> onLoad/onShow。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小程序初始化时触发App里的onLaunch，后面再执行页面Page里的onLoad或onShow，但是在onLaunch里执行用户登录，等待返回值的时候Page里的onLoad或onShow事件就已经执行了。

原代码段
app.js代码片.

  globalData = {
   
   
    userInfo: null,
    token:''
  }
  onLaunch() {
   
   
    this.$interceptors = {
   
   
      request: {
   
   
        config(p) {
   
   
          p.url = 'http://test.xxx.com/api' + p.url
          if(this.globalData.token && this.globalData.token != ''){
   
   
             p.header = {
   
   
              token: this.globalData.token
            };
          }
          return p;
        },
        success(rst) {
   
   
          return rst;
        }
      }
    };
    this.login();
  }
    login() {
   
   
    const self = this;
    wx.login({
   
   
      success(data) {
   
   
        wepy.request