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

实现原理

先上图!!!!!!

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

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

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

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

Logo

前往低代码交流专区

更多推荐