小程序onload触发多次(或switchtap不触发onload)

码客前端

已于 2022-10-08 16:17:12 修改

阅读量3.5k

点赞数 7

分类专栏：小程序文章标签：小程序前端

于 2022-08-22 15:16:48 首次发布

原文链接：https://blog.csdn.net/henryhu712/article/details/82381287?ops_request_misc=&request_id=&biz_id=102&utm_term=%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8Fonload&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduweb~default-4-82381287.nonec

版权

小程序专栏收录该内容

22 篇文章 0 订阅

订阅专栏

本文详细解析了微信小程序中onLoad、onShow、onReady、onHide和onUnload等页面生命周期函数的定义和应用场景。特别指出onLoad只在页面首次加载时调用，而onShow每次打开页面都会调用。针对onLoad有时不调用的问题，作者给出了在wx.switchTab后手动触发onLoad的解决方案，确保在必要时能正确获取页面参数。

摘要由CSDN通过智能技术生成

1. 按官方文档解释，onLoad() 应该在第一次显示页面的时候调用，以后再次切换到该页面时，不会再调用这个函数。如下图：

在这里插入图片描述

实际调试中，进入一个页面时，我发现页面的 onLoad() 函数有时有调用，有时没有。原因在下面的解释中：

onLoad: 页面加载。
一个页面只会调用一次。
参数可以获取wx.navigateTo和wx.redirectTo及中的 query。

onShow: 页面显示
每次打开页面都会调用一次。

onReady: 页面初次渲染完成
一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。
对界面的设置如wx.setNavigationBarTitle请在onReady之后设置。详见生命周期

onHide: 页面隐藏
当navigateTo或底部tab切换时调用。

onUnload: 页面卸载
当redirectTo或navigateBack的时候调用。

因此，只要是使用了 redirectTo() 或 navigateBack()，再次进入页面就会调用 onLoad()，因为要查看是否有参数传进来。

举个例子，内容详情页面，如果除了系统默认的左上角的 < 返回，没有提供更多的操作，用户每次离开详情页面唯有点击左上角的返回，必然调用 navigateBack(), 因此在这种情况下，用户每次再进入详情页面都要执行 onLoad()。

在这里插入图片描述

简单的说: 其它页面如果是 `navigateBack()` 回退回来的才不会触发 `onLoad()`，通过 `navigateTo()` 都会触发 `onLoad()`

2. switchtap 路由不触发 onload

解决方法

wx.switchTab({
  url: '/pages/index/index',
  success: function (e) {
    var page = getCurrentPages().pop();
    if (page == undefined || page == null) return;
    page.onLoad();
  }
})