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 小时前
同一链接实现 PC Web 与移动 H5 自适应
前端·掘金·金石计划
小帅不太帅1 小时前
架构没变、规模没变,DeepSeek V4 Flash 正式版凭什么暴涨 47 分?
前端·aigc·deepseek
jarvisuni2 小时前
DeepSeekFlash前端依旧拉垮,而且变慢了很多!
前端·javascript·算法
卷福同学3 小时前
AI编程出海第二步:验证关键词能否做站
前端·人工智能·后端
赵庆明老师3 小时前
Vben精讲:21-详解web-antd:tsconfig.json
前端·json·vim
wc883 小时前
微软EDGE浏览器功能学习
前端·学习·edge
破z晓3 小时前
javascript 导出excel表
开发语言·javascript·excel
Csvn4 小时前
🎯 原生 `<dialog>` 元素:终于可以扔掉一半的自定义弹窗组件了?
前端
Csvn4 小时前
🎨 CSS @layer:用「层叠优先级」终结样式打架的世纪难题
前端