在微信小程序中判断当前页面是重新打开，还是从其他页面返回，还是tabbar切换页面

最新推荐文章于 2024-11-21 08:18:45 发布

置顶 javafg

最新推荐文章于 2024-11-21 08:18:45 发布

阅读量3.8k

点赞数

分类专栏：微信小程序文章标签：小程序

本文链接：https://blog.youkuaiyun.com/qq_40136782/article/details/115122199

版权

微信小程序专栏收录该内容

1 篇文章

订阅专栏

该博客介绍了在小程序中如何管理和判断页面状态。通过设置`isClose`变量跟踪页面是否正常打开，`OnHide`函数检测页面隐藏时的条件，`OnUnload`用于页面卸载时的处理，而`onTabItemTap`监听tabbar切换事件。利用缓存值在页面间传递信息，确保正确识别页面切换路径。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.在 data 数据中声明一个变量 isClose，默认为 true 。用来判断是正常打开，还是从其他页面返回。
2.当点击跳转页面或者关闭小程序的时候，会触发 OnHide 函数，在此函数中将判断 isClose is true 的时候即为正常打开。
3.当跳转页面时首先将 isClose 设置为 false, 这样触发 OnHide 函数的时候，isClose is false并不会执行，
4.tabbar切换页面，会触发 OnUnload 函数，可以设置缓存值，来判断是否点击tabbar切换页面

data初始值

 data: {
    isClose:true     //判断当前页面是打开还是返回页还是切换页面
   }

跳转页面

	this.setData({ isClose:false})
    wx.navigateTo({
      url: '../index/index',
    })

onUnload监听页面卸载

 /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    var that =this
    wx.setStorageSync('pd',3);
    setTimeout(function () {
      that.setData({ isClose: true })
    }, 200)

  },

onHide监听页面隐藏

   /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    if (this.data.isClose) {
      console.log('重新打开')
    }
  },

onShow监听页面显示

   /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    console.log(this.data.isClose)
    if (!this.data.isClose) {
      this.onLoad();
    }
  },

tabbar菜单页面切换

利用页面之间不同的的缓存值

	var pd=wx.getStorageSync('pd');
    if(pd==1){
      this.setData({ isClose:false})
    }

监听 tabbar 切换事件

/**
* 监听 TabBar 切换点击
*/
	onTabItemTap: function (item) {
	  console.log(item)
	}