问题:

微信小程序,有一个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 不会再次执行

更多推荐