写在前面
为了能及时和大家分享自己踩过的前端漏洞(包括ionic、angular、react、ReactNative、小程序、APICloud ),今后作为微信公众号的前端e家直接扫码关注,公众号不定期更新新文章,分享踩坑笔记本! 期待您的关注!
应用场景:
通常,关闭当前页面时需要同时触发默写方法。 最常见的是以下两个场景。
场景1 .单击“上一步”按钮可发送广播,并在一个页面上更新值或触发一个页面上的结果时重新更新
场景2 .单击“上一步”按钮返回到指定页面,而不是上一页
当前实现:
翻开所有小程序的官方文档,由于还不支持听到后退按钮的事件,所以如果
在上面的场景1中,您更新了其他指定页面或请求了其他页面界面,但也可以通过其他方法实现此功能。
如果在上面的场景2中单击“后退”按钮时返回到指定页面,则不会像本地人一样像自定义后退按钮的事件那样自由。 然而,还可以通过其他方式实现该功能。 请继续阅读以下内容:
剧本的想法:
方案1的思路:只能将该接口提交给公共JS文件,利用微信数据双向绑定的特点进行处理。
场景2概念:跳转到指定页面以适应页面的生命周期事件
示例代码:
场景1更新指定页面上的数据时,没有详细说明。 如果你还没有想法,请在下面留言。
场景2示例代码和说明
//*
页面的初始数据
*/
数据: {
click flag :假,
(,
卸载onUnload: function ()//页面时执行
this.gotoHomePage (;
(,
gotoHomePage: function ()//自定义页面跳转方法
let that=this;
//---------
if(that.data.clickflag ) {
返回;
} else {
that.setdata ({ click flag : true } );
}
//---------
wx.switchTab({ ((
url: './home/home ',
() )
(,
代码分析:
大家看到上面的代码后,最怀疑的可能是gotoHomePage () )函数中的条件判断,这里说明这个判断的作用。
与“后退”按钮一样,如果指定给某个页面的按钮同时存在于页面上,而不是返回到上一个页面,则忽略条件处理会发生什么情况。
单击以返回主页
卸载onUnload: function ()//页面时执行
this.gotoHomePage (;
(,
gotoHomePage: function ()//自定义页面跳转方法
wx.switchTab({ ((
url: './home/home ',
() )
(,
1 .单击“上一步”按钮,页面将正常返回指定页面;
2 .点击页面中键跳转,会变成死循环
因此,对这种场景一定要增加条件处理。
如果你在事情比较顺利的时候请求这个产品的话,我们会采取跟随着画面和实际的解决方案,欢迎讨论。 上述内容完全是个人见解。 如果,有不当的地方,翻页解决事情会奏效要求学习,这样的维视,请像前面的框一样。 总是离开原来,用4移和泉果的动标实效地欢迎指导哦。
这篇文章来自网络。 见https://blog.csdn.net/li11 _/article/details/81453696