页面的切换,所要执行的钩子函数(生命周期函数),官网上都写得很清晰,但是onHide和onUnLoad还是有些没介绍到。所以这章主要是搞清楚这两个钩子函数,到底是在什么时候会执行,值得注意的是,当页面执行unload后,便要重新加载渲染
微信小程序有一个页面栈的概念,在这里先把它简单的理解成一个访问页面的记录,页面的出栈入栈就先暂时看为增加和删减记录。而不同的页面表现就是页面出栈和入栈
看看什么时候页面会入栈而什么时候会出栈
根据官方文档的描述,我做了一个简单的总结
普通页面
- 页面出栈的时候触发onUnLoad,之后再进入这个页面就需重新加载
- 页面入栈的时候触发onLoad onShow onReady
tabbar页面 tabbar比较特殊,页面的onUnLoad不是由出栈入栈所决定
- 当页面首次进入时,会执行onLoad onShow onReady
- 当页面非首次进入时 只执行onShow
- 即便tab切换,旧页面也不会执行onUnLoad方法(这里我刚觉有点像页面未出栈的样子,但查看当前页面栈却发现还是只有跳转后的tabbar页面一条记录)
- tabbar页面只有在使用wx.reLaunch (重加载)到 一个不是自己的路由或者使用redirectTo时,才会被卸载 例如a b两个页面都是tabbar页面 c是一个普通页面,假设页面进入顺序为a->b->c,那么在c中使用wx.reLaunch跳转到a的时候 tabbar页面b会触发onUnload
注意,当页面栈只有一条记录时,wx.navigateBack无法返回