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

代码

//main.js

Vue.prototype.$onLaunched = new Promise((resolve) => {
  Vue.prototype.$isResolve = resolve
})

//app.vue

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

// index.vue

  async onLoad() {
    await this.$onLaunched
    console.log('onload执行')
  },

注意

1.生命周期函数内的同步代码不受此方式影响,依然不等待。
2.其他生命周期也可以用async await方式来等待app.vue加载完毕后执行

相关推荐

  1. 优化Vue速度的实用方法

    2024-06-16 19:08:02       51 阅读
  2. 优化Vue速度的实用方法

    2024-06-16 19:08:02       33 阅读
  3. vue如何优化速度

    2024-06-16 19:08:02       19 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-06-16 19:08:02       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-16 19:08:02       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-16 19:08:02       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-16 19:08:02       18 阅读

热门阅读

  1. HTTP!!!

    HTTP!!!

    2024-06-16 19:08:02      6 阅读
  2. Android基础-ANR详解

    2024-06-16 19:08:02       8 阅读
  3. oracle的xmlagg的用法

    2024-06-16 19:08:02       6 阅读
  4. 异常处理与IO

    2024-06-16 19:08:02       7 阅读
  5. C语言:进程

    2024-06-16 19:08:02       6 阅读
  6. 数据库 | 数据库设计的步骤

    2024-06-16 19:08:02       7 阅读
  7. 创建你的第一个Windows程序

    2024-06-16 19:08:02       7 阅读
  8. 【Python高级编程】用 Matplotlib 绘制迷人的图表

    2024-06-16 19:08:02       8 阅读
  9. 费曼的博士学位论文及下载

    2024-06-16 19:08:02       6 阅读