微信小程序自定义左侧返回按钮事件

这篇具有很好参考价值的文章主要介绍了微信小程序自定义左侧返回按钮事件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

有些项目的需求是某个页面返回特定的页面,这就需要对页面的返回按钮进行操作

微信小程序自定义左侧返回按钮事件

 在查看文档和社区后,总结了几种解决方案

1.在页面生命周期回调函数onUnload()中,调用wx.redirectTo()关闭当前页面返回某一页面。但这种方法有种缺陷,就是原来默认的返回页面会先出现,而想要返回的页面会后出现,用户体验不够友好。

2.通过自定义导航栏,自定义返回事件。这种方法只能控制返回按钮,无法控制用户的物理返回操作,需要再对用户的物理返回动作进行监听,定义返回事件,太过麻烦。(后面有时间会写此方法)

3.通过wx.enableAlertBeforeUnload()开启返回询问对话框,但是这种方法手势滑动返回时不做拦截,而现在很多人返回是不会点击自带的返回键的。wx.enableAlertBeforeUnload(Object object) | 微信开放文档 (qq.com)

4.干掉这个需求,理由就是微信官方目前没有提供对返回按钮进行操作的API。

当初有考虑过操作页面栈的方式,但是微信小程序页面栈只能通过getCurrentPages()查看,无法操作

页面栈介绍

PageObject[] getCurrentPages() | 微信开放文档 (qq.com)

页面路由 | 微信开放文档 (qq.com)文章来源地址https://www.toymoban.com/news/detail-506692.html

到了这里,关于微信小程序自定义左侧返回按钮事件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序阻止返回事件

    当在一个表单页面 填写了很多数据,或者编辑页面数据发生变动之后,这时候返回上一个页面需要提醒用户是否返回的弹框 在onLoad生命周期里 注册 当你修改数据之后 又把数据还原 此时数据是没有发生改变的 这时候返回上一个页面是不需要阻止用户出现确定弹框的,在你修改数

    2024年02月04日
    浏览(37)
  • 微信小程序使用webview后点击左上角返回按钮一次性返回小程序

    当我们来到webview标签对应的网页地址的时候,在该页面内进行几次跳转后,发现点击小程序左上角返回按钮返回的是上一次跳转的内容,并没有达到我们返回小程序的需求,而是要一直点,然后才能返回小程序。 我的情况是webview标签放在一个单独的页面下宽高100%占比显示,

    2024年02月05日
    浏览(41)
  • uniapp+微信小程序监听返回事件

    代码附在最后 适用场景: uniapp开发微信小程序 需求是我点击列表进入数据信息的详情界面,点击详情界面的收藏,返回上一界面后,更新列表中的收藏情况。 目录 一、使用onUnload监听页面卸载 二、使用getCurrentPages()获取当前页面栈所有的实例,并找到上一界面的实例进行数

    2024年02月04日
    浏览(38)
  • 【已解决】微信小程序消除/去掉/隐藏左上角返回按钮

    首先要明确的是页面间的跳转方式有几种、每一种默认的作用是什么。 跳转方式: 第一:wx.navigatorTo 【新页面打开,默认会有返回按钮】 第二:wx.redirectTo【当前页面打开,默认无返回按钮】 第三:wx.switchTab【只能用于跳转到tabbar页面,并关闭其他非tabbar页面,tabbar之间做切

    2024年02月13日
    浏览(36)
  • 微信小程序扫一扫左上角按钮返回指定页面

           微信小程序官方文档中有两个参数,success就是正常扫一扫之后要执行的操作,如果进入到扫一扫页面想要点击左上角返回指定页面,可以在fail中书写页面跳转。  

    2024年02月16日
    浏览(46)
  • uni-app微信小程序隐藏左上角返回按钮

    官方文档链接:uni.setNavigationBarTitle(OBJECT) | uni-app官网 (dcloud.net.cn) 首先要明确的是页面间的跳转方式有几种、每一种默认的作用是什么。  uniapp五种跳转方式  使用2、4种跳转方式使用;

    2024年04月26日
    浏览(34)
  • 微信小程序 button按钮怎么触发事件? bindtap语法怎么使用?

    在前端网页中我们需要触发一个事件如果按钮点击后调用函数,文本、图片、链接被点击后调用一个函数一个事件,我们都知道用click,可是微信小程序中的click是不存在的, 他怎么才能和网页中一样的使用click的呢? 这时候有人肯定会问,我不是来学习click的怎么教我bindt

    2024年01月16日
    浏览(40)
  • 微信小程序--操作微信自带的返回按钮使上个页面刷新列表或刷新数据

    首先要了解什么是 页面栈 ------------ 框架以栈的形式维护了当前的所有页面。 当发生路由切换的时候,页面栈的表现如下: 路由方式 页面栈表现 初始化 新页面入栈 打开新页面 新页面入栈 页面重定向 当前页面出栈,新页面入栈 页面返回 页面不断出栈,直到目标返回页

    2024年02月13日
    浏览(37)
  • 微信小程序webview内嵌H5跳转页面后没有返回按钮完美解决方案

    简单的讲就是我们可以在小程序内放置一个web-view组件来链接我们的HTML页面了。 但是点击跳转页面的时候。页面左上角没有!!返回按钮!!导致回不去了,这不是搞笑的吗。 看了下其他的小程序,发现如果是两个小程序页面跳转的话,第二个页面的左上角是会有返回按钮

    2024年02月08日
    浏览(45)
  • 微信小程序自定义函数返回值

    两种自定义函数返回值,你们更喜欢那个

    2024年02月12日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包