uniapp vue2 首页生命周期函数等待app.vue加载完毕后执行

代码

//main.js

javascript 复制代码
Vue.prototype.$onLaunched = new Promise((resolve) => {
  Vue.prototype.$isResolve = resolve
})

//app.vue

javascript 复制代码
    // 模拟异步请求
    setTimeout(() => {
      this.$isResolve()
    }, 2000)

// index.vue

javascript 复制代码
  async onLoad() {
    await this.$onLaunched
    console.log('onload执行')
  },

注意

1.生命周期函数内的同步代码不受此方式影响,依然不等待。

2.其他生命周期也可以用async await方式来等待app.vue加载完毕后执行

相关推荐
程序员爱钓鱼1 小时前
Python 编程实战 · 实用工具与库 — Flask 路由与模板
前端·后端·python
2501_916007473 小时前
iOS性能调试工具终极指南,从系统底层到多端协同的全方位优化实践(2025版)
android·ios·小程序·https·uni-app·iphone·webview
2501_915921433 小时前
iOS崩溃日志深度分析与工具组合实战,从符号化到自动化诊断的完整体系
android·ios·小程序·uni-app·自动化·cocoa·iphone
合作小小程序员小小店4 小时前
web开发,在线%超市销售%管理系统,基于idea,html,jsp,java,ssh,sql server数据库。
java·前端·sqlserver·ssh·intellij-idea
不爱学英文的码字机器5 小时前
重塑 Web 性能:用 Rust 与 WASM 构建“零开销”图像处理器
前端·rust·wasm
浩星5 小时前
react的框架UmiJs(五米)
前端·javascript·react.js
子醉7 小时前
推荐一种适合前端开发使用的解决本地跨域问题的办法
前端
Niyy_7 小时前
前端一个工程构建多个项目,记录一次工程搭建
前端·javascript
xiangxiongfly9158 小时前
CSS link标签
前端·css
快乐非自愿9 小时前
常用设计模式:工厂方法模式
javascript·设计模式·工厂方法模式