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

相关推荐
董世昌413 分钟前
前端跨域问题:原理、8 种解决方案与实战避坑指南
开发语言·前端·javascript
吃炸鸡的前端11 分钟前
Vite创建react项目
前端·react.js·前端框架
IT_陈寒14 分钟前
Redis性能提升40%!我用这5个冷门但高效的配置优化了千万级QPS应用
前端·人工智能·后端
晚霞的不甘14 分钟前
实战精研:构建高安全、多模态的 Flutter + OpenHarmony 智慧医疗健康应用(符合 HIPAA 与医疗器械软件规范)
javascript·安全·flutter
雨季66615 分钟前
Flutter 智慧金融零售服务平台:跨端协同升级金融便民体验
开发语言·javascript·ecmascript
GISer_Jing16 分钟前
SSE Conf 大会分享——AI Native 3D开发革命,让创意不再被技术门槛阻挡(推荐!!!)
前端·人工智能·3d·信息可视化
克喵的水银蛇21 分钟前
Flutter 通用网络图片封装实战:带占位 / 错误 / 缓存的 CachedImageWidget
开发语言·前端·javascript
kong@react23 分钟前
springbpoot项目,富文本,xss脚本攻击防护,jsoup
java·前端·spring boot·xss
涵涵(互关)25 分钟前
后端返回的id到前端接收时,id改变了
前端·状态模式
码上成长27 分钟前
从零实现:react&Ts--批量导入 & Excel 模版下载功能
javascript·react.js·excel