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加载完毕后执行

相关推荐
miss3 小时前
海康威视 IoT 平台前端实战:视频流、海量设备与实时数据可视化
前端·javascript·物联网
mONESY3 小时前
MCP 协议实战博客:跨进程、跨语言可复用 AI 工具标准化方案
javascript
用户2849709525574 小时前
基于MQTT+SpringBoot的实验室设备数据采集与实时监控系统实战
前端
前端肥猿4 小时前
控制台中添加插件面板
前端
IT_陈寒4 小时前
SpringBoot自动配置的坑,我的Bean怎么不生效?
前端·人工智能·后端
迷途呀4 小时前
新闻头条后端:新闻缓存模块
前端·redis·python·缓存·fastapi
糖墨夕4 小时前
第一章:为什么你要学 AI Agent?—— 从"切图仔"到全栈的进化之路
前端·javascript·vue.js
随风一样自由4 小时前
【前端+Canvas+航天】长征十号乙火箭回收全流程动画
前端·canvas·长征十号乙
自律懒人5 小时前
ChatGPT Work 上线当天实测:GPT-5.6 Sol 把 Codex 塞进桌面应用,跨应用自动做报表和 PPT,一个指令干 3 小时的活
javascript·开源
CappuccinoRose5 小时前
CSS、Less、Sass(含 SCSS)、Stylus
前端·css·less·sass·stylus