微信小程序的页面生命周期 以及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 不会再次执行

相关推荐
hyswl6662 小时前
郑州小程序开发公司推荐:详解火焰山科技
科技·小程序
2501_916008893 小时前
iOS 性能测试的深度实战方法 构建从底层指标到真实场景回放的多工具测试体系
android·ios·小程序·https·uni-app·iphone·webview
说私域3 小时前
基于开源AI智能客服、AI智能名片与S2B2C商城小程序的新社群用户进化策略研究
人工智能·小程序
项目題供诗4 小时前
微信小程序黑马优购(项目)(二)
微信小程序·小程序
小小王app小程序开发5 小时前
陪诊陪护小程序一番赏衍生玩法分析:场景融合与用户激励的双重创新
小程序
阿里花盘9 小时前
线上门店经营方案:连锁美容院线上小程序店铺怎么做?
小程序
计算机徐师兄10 小时前
Java基于SpringBoot的足球队管理平台小程序【附源码、文档说明】
微信小程序·小程序·足球队管理平台小程序·java足球队管理平台小程序·足球队管理微信小程序·足球队管理平台·jav足球队管理小程序
千寻技术帮12 小时前
50040_基于微信小程序的项目管理系统
小程序·源码·讲解·文档·ppt
笨笨狗吞噬者15 小时前
【uniapp】小程序实现自由控制组件JSON文件配置
vue.js·微信小程序·vite
2501_9159090615 小时前
iOS APP 抓包全流程解析,HTTPS 调试、网络协议分析与多工具组合方案
android·ios·小程序·https·uni-app·iphone·webview