小程序onLaunch和onLoad先后执行顺序

最新推荐文章于 2025-08-03 02:42:59 发布

原创最新推荐文章于 2025-08-03 02:42:59 发布 · 2w 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

本文介绍了一个小程序中权限控制的问题，即如何确保在获取到权限信息之后再执行页面加载操作。通过在App的onLaunch中设置回调并在Page的onLoad中进行响应，解决了因权限获取延迟导致的页面加载顺序问题。

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

解决办法：

在APP里面onLanch中的网络请求中设置判断

    if (this.userInfoReadyCallback) {
                this.userInfoReadyCallback(res)
              }

在page的onLoad中设置一个回调

 app.userInfoReadyCallback = res => {
      if (res != '') {
        console.log("app.globalData.userInfo")
      }
    }

每次我们新建一个模板都会有附带一个回调判断

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

grain2017

关注关注

1
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

微信小程序app.js的onLaunch执行完之后再执行Page的onLoad & 小程序onLaunch和onLoad执行顺序

wocwin的博客

03-04

2599

微信小程序app.js的onLaunch执行完之后再执行Page的onLoad & 小程序onLaunch和onLoad执行顺序

UniApp 生命周期详解

zzx262625的博客

01-27

2859

UniApp 是一个使用 Vue.js 开发所有前端应用的框架，它可以编译到 iOS、Android、H5、小程序等多个平台。在 UniApp 中，生命周期是指应用或页面从创建到销毁的过程中所经历的一系列阶段。了解生命周期可以帮助开发者更好地管理资源、优化性能和提升用户体验。通过合理地利用 UniApp 的生命周期，开发者可以更有效地管理资源、提高应用的性能和用户体验。在开发过程中，根据实际需求选择合适的事件进行处理，确保应用的稳定性和流畅性。

参与评论您还未登录，请先登录后发表或查看评论

微信小程序重要知识点

最新发布

learning_tom的博客

08-03

936

,"multipleSlots": true, // 启用多插槽"styleIsolation": "isolated" // 样式隔离模式。

小程序onLaunch和onload先后顺序

HelloWorldLJY的博客

10-09

5162

前言：一般我们会在用户首次进入时（任何页面）执行一次操作获取用户数据，所以onLaunch是我们很好的选择 onLaunch和页面的onLoad是异步操作，就会存在用户数据还没有获取到，页面的onLoad就执行完了，导致onLoad拿不到用户数据所以这里我采用的方法是定义回调函数在page页面判断一下当前app.globalData.employ是否有值，如果没有，说明是第一次调用，则定义一个（回调函数） app.employCallback = employ =>{ ...} App页面在请求

小程序onlanch和page的onload的执行顺序问题

web_sunn的博客

05-16

1288

【代码】小程序onlanch和page的onload的执行顺序问题。

微信小程序onlaunch异步，首页onLoad先执行？

weixin_30877181的博客

03-20

1266

按照原理是小程序初始化时会先触发APP里的onLaunch事件，之后再执行页面Page里的onLoad事件。但实际请求时在onLaunch事件中请求获取数据，等待返回值的时候Page里的onLoad事件已经执行结束了。解决办法是：定义一个回调函数 page页面判断一下当前定义的变量是否有值，如果没有（第一次）则定义一个APP方法（回调函数） APP页面在请求成功后判断是否有page页面...

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

10-18

主要介绍了微信小程序onLaunch异步,首页onLoad先执行? 文章底部给大家介绍了小程序_onLaunch异步回调数据加载问题的两种解决方案，需要的朋友可以参考下

微信小程序之onLaunch与onload异步问题详解

10-17

主要介绍了微信小程序之onLaunch与onload异步问题详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

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

03-29

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

小程序生命周期(onLaunch、onShow、onHide、onReady、onLoad、onUnloa)

叶落无痕的博客

01-08

4450

（4）onReady: 首次显示页面，页面初次渲染完成，会触发onReady方法，渲染页面元素和样式，一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。小程序注册完成后，加载页面，触发onLoad方法。一个页面只会调用一次，可以在 onLoad 中获取打开当前页面所调用的 query 参数（页面js）。每次打开页面都会调用一次（比如当小程序有后台进入到前台运行或重新进入页面时）。（1）onlaunch：当小程序初始化完成时，会触发 onLaunch（全局只触发一次）（app.js）；

微信小程序onLoad与onLaunch执行顺序的统一

BlingblingFu的博客

04-02

2250

微信小程序onLoad与onLaunch执行顺序的统一微信小程序的app.js中的onLaunch()函数与首页的onLoad()函数执行顺序是不确定的，这取决于小程序初次运行时是app.js先加载至onLaunch()还是首页先加载至onLoad()。本文将上述两个函数的执行顺序固定为先onLaunch()，后onLoad()。 Step 1 在首页js文件中，声明如下定义 const app = getApp(); /** * 生命周期函数--监听页面加载 */ onLoad: func

小程序 onLaunch 与 onLoad 异步问题的解决方案

ZionHH的博客

11-09

8518

在小程序中，我们一般在onLaunch中发起登录请求，由于是请求是异步的，在onLoad之后才执行完登录请求，如果在onLoad中需要使用请求后的数据，会发现取不到值，以下是一些解决方式，可以按自己所需使用。使用回调函数 // app.js onLaunch () { wx.login({ success: result => { wx.request({ url: 'test.php' // 示例 data: {...}, success: res =&.

HandlerMethodArgumentResolver（实现自定义注解）

Chained1001的博客

08-27

1561

SpringBoot之HandlerMethodArgumentResolver简单使用。

微信小程序app.js的onLaunch执行完之后再执行Page的onLoad & 小程序onLaunch和onLoad执行顺序

weixin_43988812的博客

03-06

6672

小程序初始化: 首先触发App里的onLaunch 再执行页面Page里的onLoad: 问题: 在onLaunch里请求去获取是否有权限，等待返回值的时候, Page里的onLoad事件就已经执行. 小程序网络请求默认为异步请求，在appjs的onLaunch运行后进行异步请求时，程序不会停止，Page页已执行onload, 我们希望onLaunch执行完后再执行onload。目标: onL...

微信小程序生命周期执行app.onLaunch与page.onLoad异步问题

qq_48612020的博客

01-22

1735

微信小程序使用 less、sass。

uni-app中App.vue的onLaunch函数和页面的onLoad函数异步问题的解决方案（Vue2/Vue3）

ironprosper的博客

10-31

5579

在页面的 onLoad 中增加代码 await this.$onLaunched，注意onload要添加async。在 App.vue 的 onLaunch 所有业务逻辑执行完毕后增加代码 this.$isResolve()1 修改 main.js。2 修改 App.vue。

微信小程序onlaunch和onload的优先级

11-30

微信小程序的onlaunch和onload是两个生命周期函数，它们的执行顺序是onlaunch先于onload。 onlaunch是小程序启动时的第一个生命周期函数，在小程序启动之后立即执行。在这个函数中，可以进行一些初始化的操作，例如获取用户授权、获取用户信息等。开发者可以在onlaunch函数的回调中进行网络请求等耗时操作，因为onlaunch会在小程序启动过程中的一些任务完成后执行，因此有较多的时间可以用来处理比较耗时的操作。 onload是小程序启动后页面加载完成的生命周期函数，当小程序启动后，页面被加载到渲染层之后，onload函数会被触发。在这个函数中，可以进行一些界面初始化的操作，例如获取传递过来的参数、设置页面的初始数据等。开发者可以在onload函数中进行一些界面相关的操作，例如向服务器请求数据，更新页面的显示内容等。由于onlaunch是在小程序启动之后立即执行，而onload是在页面加载完成之后执行，所以onlaunch的优先级更高。当小程序启动时，首先会执行onlaunch函数，然后再执行对应页面的onload函数。在页面加载完成之前，onlaunch函数会对小程序的初始化进行处理，保证页面加载时的数据能够正确渲染。因此，onlaunch函数可以在onload函数之前对小程序进行一些初始化操作，确保页面加载后能够正常显示。