加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

微信小程序onLaunch异步,首页onLoad先执行?

发布时间:2020-12-14 19:34:45 所属栏目:资源 来源:网络整理
导读:本来按照事件顺序,小程序初始化时触发App里的onLaunch,后面再执行页面Page里的onLoad,但是在onLaunch里请求获取是否有权限,等待返回值的时候Page里的onLoad事件就已经执行了。 //app.js App ({ onLaunch : function () { console . log ( 'onLaunch' );

本来按照事件顺序,小程序初始化时触发App里的onLaunch,后面再执行页面Page里的onLoad,但是在onLaunch里请求获取是否有权限,等待返回值的时候Page里的onLoad事件就已经执行了。

  1. //app.js
  2. App({
  3. onLaunch: function (){
  4. );
  5. url 'test.php', //仅为示例,并非真实的接口地址
  6. },
  7. console'onLaunch-request-success');
  8. thisglobalDataemployId = resemployId;
  9. })
  10. globalData{
  11. })
//获取应用实例
  • const app getApp()
  • bindDisabledfalse
  • onLoad{
  • );
  • //判断是用户是否绑定了
  • {
  • bindDisabledtrue
  • }
  • 控制台打印的结果是

    onLoad
  • onLaunch-success
  • 要是能等完onLaunch请求完再执行Page的onLoad方法那该多好。?
    这里采用的方法是定义一个回调函数。?
    Page页面判断一下当前app.globalData.employId是否有值,如果没有(第一次)则定义定义一个app方法(回调函数)app.employIdCallback = employId => {...}。?
    App页面在请求success后判断时候有Page页面定义的回调方法,如果有就执行该方法。因为回调函数是在Page里面定义的所以方法作用域this是指向Page页面。

    //仅为示例,并非真实的接口地址
    
  • ;
  • // 所以此处加入 callback 以防止这种情况
  • );
  • }
  • ''
  • {
  • });
  • // 所以此处加入 callback 以防止这种情况
  • albumDisabled });
  • }
  • 这样的话,就能实现想要的结果。执行顺序就是:

    [] onLaunch -> onLoad  onLaunch sucess callback
  • 作者:mipaifu328?
    链接:https://www.jianshu.com/p/aaf65625fc9d?

    (编辑:李大同)

    【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

      推荐文章
        热点阅读