要先运行app.vue中的onLaunch()函数,再运行页面的函数,可以在页面的生命周期函数中进行判断和调用。具体的实现步骤如下:

  1. 在app.vue中的onLaunch()函数中,定义一个全局变量,用来表示onLaunch()是否已经执行完成,例如isLaunch。
export default {
  onLaunch() {
    // 执行一些需要在启动时执行的操作
    // 设置isLaunch为true表示onLaunch()已经执行完成
    this.isLaunch = true;
  },
  isLaunch: false
}
  1. 在需要在页面中执行的函数所在的页面的生命周期函数中,判断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()完成后再调用

uniapp怎么先运行appvue中onLaunch的函数再运行页面的函数

原文地址: https://www.cveoy.top/t/topic/hBjz 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录