微信小程序的页面生命周期 以及onShow的应用场景

问题:

微信小程序,有一个tabbar底部菜单页面是 pages/orders/orders 这个页面点击后跳转后到 pages/details/details中。当我点击返回按钮到 orders后,可以触发哪个生命周期?

页面生命周期:

Page({

// 1. 页面加载时执行(只执行一次)

onLoad(options) {

console.log('页面加载', options)

// 用途:接收页面参数、初始化页面数据

// 示例:this.setData({ id: options.id })

},

// 2. 页面显示时执行(每次打开页面都会执行)

onShow() {

console.log('页面显示')

// 用途:刷新数据、开始动画等

// 示例:this.getLatestData()

},

// 3. 页面初次渲染完成时执行(只执行一次)

onReady() {

console.log('页面初次渲染完成')

// 用途:操作DOM、开始复杂动画等

},

// 4. 页面隐藏时执行

onHide() {

console.log('页面隐藏')

// 用途:暂停视频、停止动画等

},

// 5. 页面卸载时执行

onUnload() {

console.log('页面卸载')

// 用途:清理定时器、取消请求等

},

// 6. 下拉刷新

onPullDownRefresh() {

console.log('下拉刷新')

// 用途:刷新页面数据

// 注意:需要手动停止 wx.stopPullDownRefresh()

},

// 7. 上拉触底

onReachBottom() {

console.log('上拉触底')

// 用途:加载更多数据

},

// 8. 页面滚动

onPageScroll(e) {

console.log('页面滚动', e.scrollTop)

// 用途:隐藏/显示导航栏等

},

// 9. 分享功能

onShareAppMessage() {

return {

title: '分享标题',

path: '/pages/index/index'

}

}

})

当你从 pages/details/details 页面点击返回按钮回到 pages/orders/orders 这个 tabBar 页面时,orders 页面的 onShow 生命周期函数会被触发,而 onLoad 和 onReady 不会再次执行

相关推荐
paopaokaka_luck15 小时前
个人综合管理小程序(echarts数据看板、健康数据记录与趋势查看、目标拆解和进度管理、日程待办与番茄钟、习惯打卡、收支统计、个人生活记录、跨模块智能提醒)
前端·javascript·spring·小程序·数据分析·echarts·生活
愚公搬代码15 小时前
【愚公系列】《微信小程序项目实战(AI编程+视频图解)》002-一张新地图:AI创业的核心分析框架
人工智能·微信小程序·ai编程
m0_587383001 天前
广州24小时自助健身房解决方案实战指南与系统部署要点
java·spring·小程序·架构·需求分析
ZeroNews内网穿透1 天前
企业内网穿透别再用随机域名!自有域名实现 OA/ERP 公网安全访问
微信小程序·内网穿透·erp·zeronews·运维实战·企业oa·自有域名
m0_587383001 天前
西安同城拼车软件开发实战指南:从零搭建高效系统
人工智能·小程序·数据挖掘·系统架构·需求分析
weixin_lynhgworld1 天前
抽取类盲盒小程序的五条合规红线意味着什么?
小程序
现任明教教主~1 天前
运营级多门店洗车贴膜汽车在线核销保养服务系统洗车预约洗车系统消费分佣扫码核销系统
微信小程序·小程序·汽车
小小王app小程序开发1 天前
盲盒微信小程序开发实战:架构、核心难点与实现方案
小程序
陪我去看海1 天前
被要求猛出小程序,做了这个多平台多环境的部署替我承受压力
前端·微信小程序·抖音小程序
無名路人1 天前
小程序点餐页吸顶滚动之分类按需加载,上划切换
前端·vue.js·微信小程序