小程序监听某个页面返回

小程序监听某个页面返回,第1张

小程序页面返回的话会销毁当前页面实例,所以要实现监听的话可以在当前页面将要卸载时的生命周期里实现相关逻辑。

最近项目遇到这么一种情况,要求用户 *** 作多个页面,最后提交跳转到一个成功页面,这时一般是用relaunchTo(关闭所有页面,打开到应用内的某个页面),但是项目本身只有一个tab页面,这时如果用relaunchTo进行跳转就会连小程序首页都销毁掉,这时就要在提交成功页面进行相关处理了。

此时用户在这个页面可能提交详情,也可能直接返回,这时可以通过一个变量判断,如果用户点击了“查看详情”,就将变量设置为false,在当前页的将要卸载页面的生命周期通过该变量判断是否进行处理,同时用户点击了“查看详情”的话,可以在路由携带一个参数告诉跳转的目标页进行相关处理。例如我这边是告诉目标页用户返回的话,需要卸载多个页面,在Taro的生命周期可以做如下设置:

在app对象中,创建一个存储对象,然后把这段数据保存到全局对象app的这个存储对象中,到了另一个页面,通过钩子函数show(),或者onLoad(),取出保存在app中的数据,其中onload只能在页面前进触发,不能是页面后退。

如果是页面跳转,可以把数据卸载页面url的后面,页面跳转以后,到onLoad(options)=>{

consolelog(options)},你的数据就保存在options中,这种方法必须要页面跳转,而且不能是页面回退,只能是页面前进

通过wxsetStorageSync()保存数据到缓存,但是这种方法不推荐,缓存空间有限,不要用来做这种临时数据的存储。

url 属性 (表示要跳转的页面地址,必须以 / 开头)

open-type (表示跳转的方式,必须为 switchTab )

url 属性 (表示要跳转的页面地址,必须以 / 开头)

open-type (表示跳转的方式,必须为 navigate )

非tabBar页面 跳转时,open-type 也可以省略

open-type 属性值为: navigateBack

结合 delta 属性:表示后退的层级,默认是 1 ,1时该属性可省略不写

调用 wxswitchTab (object object ) 方法,其中 object 参数对象的属性列表如下

调用wxnavigateTo ( object object )方法,其中 object 参数对象的属性列表,如下

调用wxnavigateBack(object object ) 方法,可以返回上一页面或多级页面,其中object 参数可选的,属性列表 如下

以上就是关于小程序监听某个页面返回全部的内容,包括:小程序监听某个页面返回、小程序怎样把一个页面data里的变量同步到另外一个页面上去、小程序中如何实现页面跳转等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/9461895.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存