微信小程序的页面生命周期 以及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 生命周期函数会被触发,而 onLoadonReady 不会再次执行

相关推荐
2501_9339072118 小时前
南京本凡科技,怎么选择专业小程序开发才能提升品牌竞争力?
科技·微信小程序·小程序
心无旁骛~19 小时前
【Claude Code开发】AI记账助手(miaozhang)微信小程序开发与部署完整指南
人工智能·微信小程序·notepad++
2501_9339072121 小时前
本凡科技提供的宁波小程序开发服务全面解决方案
科技·微信小程序·小程序
阿珊和她的猫1 天前
微信小程序静默授权异步问题的处理方案
微信小程序·状态模式·notepad++
左师佑图1 天前
微信小程序集成 Day.js 插件的完整解决方案
微信小程序·小程序
2501_933907211 天前
本凡科技提供宁波小程序服务与定制解决方案
科技·微信小程序·小程序
计算机徐师兄1 天前
Java基于SpringBoot的运动健康小程序【附源码、文档说明】
spring boot·小程序·运动健康·java运动健康小程序·运动健康小程序·java运动健康微信小程序·运动健康微信小程序
Xpower 171 天前
OpenClaw实战:从零开发电商小程序(2)
人工智能·语言模型·小程序·gateway
2501_933907211 天前
宁波小程序开发服务与技术团队专业支持
科技·微信小程序·小程序
sheji34162 天前
【开题答辩全过程】以 基于微信小程序的少儿编程学习平台为例,包含答辩的问题和答案
学习·微信小程序·小程序