uniapp怎么先运行appvue中onLaunch的函数再运行页面的函数
要先运行app.vue中的onLaunch()函数,再运行页面的函数,可以在页面的生命周期函数中进行判断和调用。具体的实现步骤如下:
- 在app.vue中的onLaunch()函数中,定义一个全局变量,用来表示onLaunch()是否已经执行完成,例如isLaunch。
export default {
onLaunch() {
// 执行一些需要在启动时执行的操作
// 设置isLaunch为true表示onLaunch()已经执行完成
this.isLaunch = true;
},
isLaunch: false
}
- 在需要在页面中执行的函数所在的页面的生命周期函数中,判断isLaunch的值,若为true,则直接调用该函数,若为false,则等待onLaunch()执行完成后再调用。
export default {
onLoad() {
if (getApp().isLaunch) {
// onLaunch()已经执行完成,直接调用需要执行的函数
this.pageFunction();
} else {
// onLaunch()还未执行完成,监听onLaunch()完成后再调用需要执行的函数
getApp().$watch('isLaunch', (value) => {
if (value) {
this.pageFunction();
}
});
}
},
pageFunction() {
// 需要在页面中执行的函数
}
}
通过以上的步骤,可以在页面加载时先判断onLaunch()是否已经执行完成,若已完成则直接调用页面函数,若未完成则等待onLaunch()完成后再调用
原文地址: https://www.cveoy.top/t/topic/hBjz 著作权归作者所有。请勿转载和采集!