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

微信小程序的app.js中的onLaunch()函数与首页的onLoad()函数执行顺序是不确定的，这取决于小程序初次运行时是app.js先加载至onLaunch()还是首页先加载至onLoad()。

本文将上述两个函数的执行顺序固定为先onLaunch()，后onLoad()。

Step 1

在首页js文件中，声明如下定义

const app = getApp();
/*** 生命周期函数--监听页面加载*/
onLoad: function (options) {app.callBack = (res) => {this.onLoadAL()}
},
/*** 生命周期函数--onLaunch之后执行的监听页面加载函数*/
onLoadAL: function (e) {//这里填写在onLaunch()执行完毕后，要在onLoad()中执行的内容
},

Step 2

在app.js的onLaunch()中，声明函数

var _this = this
const waitOnLoad=function(){const o = setInterval(function () {if (_this.callBack) {_this.callBack()clearInterval(o)}}, 10)//这里设置每10毫秒检查一次callBack函数是否从onLoad()注入
}

然后在onLaunch()执行完毕时，调用waitOnLoad()即可。
对于每次小程序非初次执行时主页onLoad()就不难写了，这里不再赘述。

微信小程序onLoad与onLaunch执行顺序的统一相关推荐

微信小程序—onLoad和onShow
微信小程序-onLoad和onShow onLoad页面加载完成只执行一次 onShow每次进入该页面都执行一次
微信小程序onLoad、onShow、onHide、onUnload区别
onLoad:页面第一次加载时触发,从跳转页面返回时不能触发,可以传递参数 onShow:页面显示或从后台跳回小程序时显示此页面时触发,从跳转页面返回时触发,不能传递参数 onHide:页面隐藏,例如 ...
// #ifdef MP-WEIXIN微信小程序无效，不执行
时间点20201126 个人这方面也是小白,后来发现微信小程序根本没有调用这个// #ifdef MP-WEIXIN 其实际调用的是 // #ifdef MP 不知道这个是否是版本问题,我下载的是现在 ...
微信小程序如何等待onLaunch拿到后端数据后，再执行onLoad
关键词: onLaunch onLoad 异步请求问题问题: 在小程序启动时,我希望在app.js 的onLaunch生命周期里,调用后端接口,获取登陆状态token. 然后再加载首页,进入inde ...
微信小程序同步方法，方法内顺序从上至下依次执行
执行顺序被异步执行了,使用async-await让它同步执行.
微信小程序onload和onshow主要区别
1:我们微信开发的时候经常使用onload,今天新来了一位6年的前端,看到我在列表的时候就使用了onload,就开始耐心教导我,onload和onshow的区别在开发的过程中,我发现onload和o ...
微信小程序onLoad与onShow的区别
小程序声明周期onLoad与onShow的区别? onLoad页面加载时调用,可以获取参数,通过options. onShow页面显示时调用. 主要区别: 从二级页面返回该页面时,onLoad不会再次 ...
关于微信小程序体验版可以执行某个请求，正式版却执行不了的原因之一
原因之一就是: 小程序目前只支持https协议!!!!!!!!!!!!!很有可能你的请求是http请求
关于微信小程序不同机型导致的布局不统一的问题
在写小程序的时候用了rpx自适应单位,但是还是出现了在不同机型上布局不统一的问题,在此记录一下在首页做一个输入框,在测试的时候,这个输入框在不同的机型上到处跑,后来排查了很久都不知道为什么会这样后来 ...

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

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

Step 1

Step 2

微信小程序onLoad与onLaunch执行顺序的统一相关推荐

最新文章

热门文章