zoukankan      html  css  js  c++  java
  • 微信小程序onlaunch异步,首页onLoad先执行?

    按照原理是小程序初始化时会先触发APP里的onLaunch事件,之后再执行页面Page里的onLoad事件。但实际请求时在onLaunch事件中请求获取数据,等待返回值的时候Page里的onLoad事件已经执行结束了。

    解决办法是:

    定义一个回调函数

    page页面判断一下当前定义的变量是否有值,如果没有(第一次)则定义一个APP方法(回调函数)

    APP页面在请求成功后判断是否有page页面定义的回调方法,如果有就执行该回调。因为回调函数在page页面里定义的,所以方法作用域的this指向是page页面

    //app.js
    App({
      onLaunch: function () {
        wx.request({
          url: 'test.php', //仅为示例,并非真实的接口地址
          data: {
          },
          success: function(res) {
            this.globalData.employId = res.employId;
            //由于这里是网络请求,可能会在 Page.onLoad 之后才返回
            // 所以此处加入 callback 以防止这种情况
            if (this.employIdCallback){
               this.employIdCallback(res.employId);
            }
          }
        })
      },
      globalData: {
        employId: ''
      }
    })
    //index.js
    //获取应用实例
    const app = getApp()
    
    Page({
      data: {
        albumDisabled: true,
        bindDisabled: false
      },
      onLoad: function () {
        //判断是用户是否绑定了
        if (app.globalData.employId && app.globalData.employId != '') {
          this.setData({
            albumDisabled: false,
            bindDisabled: true
          });
        } else {
          // 由于 getUserInfo 是网络请求,可能会在 Page.onLoad 之后才返回
          // 所以此处加入 callback 以防止这种情况
          app.employIdCallback = employId => {
            if (employId != '') {
              this.setData({
                albumDisabled: false,
                bindDisabled: true
              });
            }
          }
        }
      }
    })

    如此,执行顺序是

    [App] onLaunch -> [Page] onLoad -> [App] onLaunch sucess callback

    文章摘自:https://www.jianshu.com/p/aaf65625fc9d

    
    
  • 相关阅读:
    python基本数据类型
    大学排名之数据库练习
    Python turtle学习笔记
    初学爬虫
    用python进行对乒乓球的比赛分析,并且将该程序进行封装
    新网页
    Python pandas
    十大经典排序算法
    C++的split()函数
    C++多态意义探究
  • 原文地址:https://www.cnblogs.com/DreamerLeaf/p/10563359.html
Copyright © 2011-2022 走看看