实现小程序onLaunch执行完成之后再执行页面的onload的demo
时间: 2024-03-15 17:44:54 浏览: 27
好的,我可以为您提供一个简单的demo。在小程序中,onLaunch是小程序初始化时执行的第一个生命周期函数,而onLoad是在页面加载时执行的生命周期函数。如果您希望在onLaunch函数执行完成之后再执行页面的onLoad函数,可以使用以下方法:
1. 在app.js中定义一个全局变量,用来存储onLaunch函数的执行状态。
```
App({
globalData: {
isLaunched: false
},
onLaunch: function () {
setTimeout(() => {
this.globalData.isLaunched = true
}, 2000) // 模拟onLaunch函数执行需要2秒钟
}
})
```
2. 在需要调用onLaunch函数的页面的onLoad函数中,使用setInterval函数每隔100毫秒检查全局变量isLaunched是否为true,如果为true则执行页面的onLoad函数,并清除定时器。
```
const app = getApp()
Page({
onLoad: function () {
let timer = setInterval(() => {
if (app.globalData.isLaunched) {
this.onLoad()
clearInterval(timer)
}
}, 100)
}
})
```
这样,页面的onLoad函数会在onLaunch函数执行完成之后再执行,保证了执行顺序的正确性。希望这个demo对您有所帮助。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)