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

相关推荐
计算机魔术师3 分钟前
AI公司把「灾难性风险」写进招股书?Anthropic这5处反常
前端
西凉的悲伤3 分钟前
Jsoup 库 HTML 解析详解
java·前端·html·jsoup
niucloud-admin6 分钟前
NIUCLOUD PHP SAAS上门家政使用文档
前端·人工智能·ai编程
不一样的故事12618 分钟前
Prompt 工程(Prompt Engineering)
前端·人工智能·python
ZoeLandia22 分钟前
React08:自定义 Hook
开发语言·前端·react.js·typescript
2601_9499706923 分钟前
msgpackr 跨端三方库仓颉适配全流程
前端·javascript·flutter
Software攻城狮33 分钟前
【uniapp和普通web 端开发的区别】
前端·uni-app·notepad++
IT_陈寒35 分钟前
Vue项目实战经验分享:动态组件在Keep-Alive下的缓存陷阱
前端·人工智能·后端
2501_9159214337 分钟前
iOS 实时日志怎么看?KeyMob 的日志过滤、崩溃报告与符号化
android·ios·小程序·https·uni-app·iphone·webview
数智奔流1 小时前
MiniMax的低价攻势,撞上“背题”疑云
前端·javascript·算法