pageload事件何时触发(微信小程序显示不出来)

一:前言小程序网络请求默认为异步请求,在appjs的onLaunch运行后进行异步请求时,程序不会停止,Page页已执行onload,我们希望onLaunch执行完后再执行onload。解决方法:定义回调函数//app.jsApp({onLaunch:function(){wx.request({url:’http://test.cn/lo…

大家好,又见面了,我是你们的朋友全栈君。

一:前言

小程序网络请求默认为异步请求,在appjs的onLaunch运行后进行异步请求时,程序不会停止,Page页已执行onload, 我们希望onLaunch执行完后再执行onload。

解决方法:定义回调函数

//app.js

App({
  onLaunch: function () {
    wx.request({
      url: 'http://test.cn/login', //仅为示例,并非真实的接口地址
      data: {},
      success: function(res) {
        this.globalData.checkLogin = true;
        //由于这里是网络请求,可能会在 Page.onLoad 之后才返回
        // 所以此处加入 callback 以防止这种情况
        if (this.checkLoginReadyCallback){
           this.checkLoginReadyCallback(res);
        }
      }
    })
  },
  globalData: {
    checkLogin: false
  }
})


//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    test: false
  },
  onLoad: function () {
    let that = this;
    //判断onLaunch是否执行完毕
    if (app.globalData.checkLogin){
      that.setData({
        test:true
      })
    }else{
      app.checkLoginReadyCallback = res => {
        that.setData({
          test:true
        })
      };
    }
  }
})

执行顺序:[App] onLaunch -> [Page] onLoad -> [App] onLaunch sucess callback-> [Page] onLoad

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/129710.html原文链接:https://javaforall.net

(0)
上一篇 2022年4月14日 下午12:40
下一篇 2022年4月14日 下午12:40


相关推荐

  • DOS命令:chcp

    DOS命令:chcpchcp 是命令提示符中的一个可执行命令 在命令提示符中运行 可以返回活动代码页的编码 还可以设置当前的活动代码页 chcp 查看官方帮助文档对 CHCP 的解释说明 1 在命令提示符中输入 chcp 命令 显示当前活动代码页编码 2 设置活动代码页 首先我们输入 chcp 命令然后指定活动代码页 437 点击回车 就可以设置活动代码页注意 936 代表中文简体 437 代表美国英语

    2026年3月16日
    2
  • pycharm2021.11激活码(JetBrains全家桶)

    (pycharm2021.11激活码)这是一篇idea技术相关文章,由全栈君为大家提供,主要知识点是关于2021JetBrains全家桶永久激活码的内容IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html1M3Q9SD5XW-eyJsa…

    2022年3月28日
    55
  • UltraWebChart部署时报GUI+错误解决手记[原创]

    UltraWebChart部署时报GUI+错误解决手记[原创]

    2021年7月22日
    61
  • CentOS 安装mxnet

    CentOS 安装mxnet安装过程保存官方安装指南 https mxnet incubator apache org install index html root localhostico pipinstall ihttps pypi tuna tsinghua edu cn simplemxnetC p

    2026年3月18日
    2
  • hpe服务器安装操作系统_hp 服务器 电话

    hpe服务器安装操作系统_hp 服务器 电话服务器安装操作系统才能对服务器进行很好的操作,但是新购买的服务器要如何安装操作系统呢?其实服务器系统安装通常有两种方法:用服务器引导光盘引导安装(HPProliant系列服务器100系列设备随机光盘SupportCD没有引导安装操作系统的功能)、用操作系统光盘加载阵列卡驱动引导安装。  用操作系统光盘直接安装操作系统  通常情况下重新安装操作系统,数据盘的重要数据需要保

    2022年10月4日
    8
  • Apache日志分析_shell命令行

    Apache日志分析_shell命令行

    2021年10月8日
    35

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号