小程序开发:监听返回当前页面
故事背景开发过程中,有些业务场景需要我们判断是不是返回到当前页面,一般就是当前页面设置一个变量,当拿vue来说,浏览器里面直接通过地址上的导航栏后退的话,这时如果页面使用了keep-alive,那么我们可以在activated钩子里面确定是不是返回的操作...
·
故事背景
小程序开发,需要判断进入当前页面是初次加载还是返回的操作,就分享一下卤煮的实现思路吧~~
实现原理
先上图!!!!!!
我们都知道,在创建page页面的时候,开发工具会默认帮我们把生命周期的钩子一起生成,卤煮就用到了下面这两个钩子函数~~
原理:页面初次渲染的时候,onReady和onShow都会执行,当返回到当前页面时,只有onShow执行
所以卤煮通过一个变量进行判断是否为返回当前页面,上代码~
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
this.setData({ isFirstEnter: true });
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
if (this.data.isFirstEnter) {
// 这里就代表是返回的操作
}
},
这样就可以完美监听是初次加载还是返回操作啦~~
欢迎各位大佬楼下提出更好的解决方法,共同进步啊~
更多推荐
已为社区贡献9条内容
所有评论(0)