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

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

小程序onload触发多次(或switchtap不触发onload)_第1张图片

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

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

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

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

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

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

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

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

小程序onload触发多次(或switchtap不触发onload)_第2张图片

简单的说: 其它页面如果是 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();
  }
})

小程序onload触发多次(或switchtap不触发onload)_第3张图片
原文:原文地址1

原文:原文地址2

你可能感兴趣的:(小程序,小程序,前端)