当前位置：首页 > news >正文

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

news 2025/10/12 15:50:14

问题：

微信小程序，有一个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'
}
}
})