标签：onLoad onShow 触发 区别 程序 跳转 wx 页面

前言

不同的生命周期钩子往往会有不同的效果，决定了函数里面的内容运行的触发条件和时机。

onLoad生命周期函数

触发时机

第一次初始化小程序页面时触发（小程序页面初始化，运行的最早的生命周期函数）

触发条件

小程序当前页面第一次被加载时(并且小程序页面栈中没有当前页面的缓存)

注意点

使用wx.navigateBack跳转到上个页面，不会触发上个页面onLoad

wx.navigateBack({
    delta: 0
})

因为上一个页面还在，页面栈中（可以理解为缓存中）

跳转到tabbar页面也不会触发tabbar页面的onLoad

 wx.switchTab({
     url: '/pages/index/index',
 })

无法通过getCurrentPage()获取当前页面，因为page对象还未生成

唯一可以获取传递参数的生命周期

使用场景

请求数据

不用每次回到这个页面都要刷新的数据
例如：轮播图、首页商品、评论

第一次进入页面就要做的事情

判断登录
权限校验
数据处理

onShow生命周期函数

触发时机

第一次页面显示（小程序页面显示初始化，运行的最早的生命周期函数）
后台切到前台 （小程序切到手机后台，短时间内再打开，长时间小程序会被手机杀死）
页面跳转（所以跳转都可以）

触发条件

小程序当前页面第一次被加载时
小程序当前页面再一次显示（程序页面栈中有当前页面的缓存）

注意点

使用wx.previewImage放大查看图片，会触发页面的onShow

使用场景

请求数据
来回跳转页面需要实时更新的数据
后台切换到前台，需要做的事情

标签：onLoad,onShow,触发,区别,程序,跳转,wx,页面
来源： https://blog.csdn.net/weixin_42554191/article/details/117845624

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。