小程序开发:监听返回当前页面

故事背景
小程序开发,需要判断进入当前页面是初次加载还是返回的操作,就分享一下卤煮的实现思路吧~~

实现原理

先上图!!!!!!

我们都知道,在创建page页面的时候,开发工具会默认帮我们把生命周期的钩子一起生成,卤煮就用到了下面这两个钩子函数~~
原理:页面初次渲染的时候,onReady和onShow都会执行,当返回到当前页面时,只有onShow执行
所以卤煮通过一个变量进行判断是否为返回当前页面,上代码~

/**
 * 生命周期函数--监听页面初次渲染完成
  */
 onReady: function () {
   this.setData({ isFirstEnter: true });
 },

 /**
  * 生命周期函数--监听页面显示
  */
 onShow: function () {
   if (this.data.isFirstEnter) {
     // 这里就代表是返回的操作
   }
 },

这样就可以完美监听是初次加载还是返回操作啦~~
欢迎各位大佬楼下提出更好的解决方法,共同进步啊~

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值