uniapp小程序页面自定义返回事件

项目场景:

在使用uniapp开发小程序页面时,是否可以自定义页面默认导航栏的返回按钮跳转效果?

例如,今天在写一个订单页面时,需要无论订单页面是从哪个页面跳转过来的,在订单页面按返回键后都必须回到个人中心页面?


问题描述

基于以上的需求,我在想能不能通过自定义默认导航栏的返回的按钮的点击事件来控制返回的页面,或者有没有什么api可以监控到默认导航栏的返回按钮触发。在经过查阅相关资料过后,我终于找到了uniapp的一个api: onBackPress ,这个api只适用于uniapp页面,可以在监听默认导航栏的返回按钮或者是安卓等移动设备的返回键等相关回退事件,在这些时间触发执行。

官方文档:uni-app自定义返回逻辑教程 - DCloud问答


解决方式:

但在阅读文档后我发现,这个api对于微信小程序不支持。(在微信小程序中试了半天都没有触发)因此我又开始查阅资料,看是否能找到替代这个api的方法,结果在查阅之后发现可以使用uniapp提供的onUnload这个生命周期函数来近似替代onBackPress方法,但在尝试之后发现这个方法在微信小号层序中还是无法触发,经过半天的调试还是没有解决这个问题(在线求助——来一个卑微的前端初学者

最终在万般无奈之下,我只好使用了页面自定义导航栏的方式来实现自定义返回,手动写一个退出按钮来替换默认退出按钮,通过按钮点击事件制定跳转到固定页面。


  • 9
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值