故事背景
小程序开发,需要判断进入当前页面是初次加载还是返回的操作,就分享一下卤煮的实现思路吧~~
实现原理
先上图!!!!!!
我们都知道,在创建page页面的时候,开发工具会默认帮我们把生命周期的钩子一起生成,卤煮就用到了下面这两个钩子函数~~
原理:页面初次渲染的时候,onReady和onShow都会执行,当返回到当前页面时,只有onShow执行
所以卤煮通过一个变量进行判断是否为返回当前页面,上代码~
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
this.setData({ isFirstEnter: true });
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
if (this.data.isFirstEnter) {
// 这里就代表是返回的操作
}
},
这样就可以完美监听是初次加载还是返回操作啦~~
欢迎各位大佬楼下提出更好的解决方法,共同进步啊~