uniapp中监听用户返回

这篇具有很好参考价值的文章主要介绍了uniapp中监听用户返回。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

业务需求:小程序中有一个index页面专门用来处理通过链接,然后拿到参数之后跳转相应的页面,跳转到指定页面之后,用户点击左上角返回,返回到首页。但是默认的返回按钮应该是按历史路径返回的,所以返回的时候一直会返回到启动页index页面。

然后我就记得uniapp中有一个可以监听左上角返回按钮的方法(之前用uniapp开发app的时候使用过),onBackPress()跟onLoad()等生命周期同级,然后我就拿过来一放,一测果然不行,为什么不行呢,之前明明可以,再细看文档,发现人家只支持H5、app、支付宝小程序。

那有什么办法可以监听微信小程序的返回呢,目前官方是还没有提供方法的,但是网上的大佬真的很强,说可以在onUnload中操作,确实,当这个页面关闭的时候就会执行onUnload这个方法,于是我在index页面跳转的时候,uni.setStorageSync()一个变量,然后跳转到指定页面,返回的时候判断一下缓存里有没有这个变量uni.getStorageSync(),如果有就跳转到首页,并且删除缓存里面的变量uni.removeStorageSync(),没有的话,就不操作返回的页面,默认返回就行。

uniapp 怎么检测手机自带的返回按钮,前端,javascript,vue.js,es6,微信小程序

 这样就解决了通过路径跳到指定页面之后返回首页的问题啦文章来源地址https://www.toymoban.com/news/detail-562887.html

到了这里,关于uniapp中监听用户返回的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • uniapp+微信小程序监听返回事件

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

    2024年02月04日
    浏览(52)
  • uniapp小程序原生导航栏返回按钮-自定义返回路径

    原代码,运行到微信开发者工具无作用 查看官网发现该方法不支持微信小程序 可以改用页面生命周期onUnload方法监听页面卸载实现该功能

    2024年02月09日
    浏览(40)
  • 【uniapp】小程序自定义一个通用的返回按钮组件

    左边箭头,右边文字可以自定义,但是不要太长,太长可以自己改 .back的width值,改宽一点。 用这个组件的时候首先要在pages.json里把导航栏变成自定义的: 组件:backPages.vue 使用的时候需要传按钮名:backtext = ‘返回或者自定义’ 需要import引入组件并注册components才行,示例

    2024年02月12日
    浏览(47)
  • 微信小程序webview跳转页面后没有返回按钮以及变向解决H5安卓无法监听popstate问题

    做了一个app跳转到小程序关注公众号的需求,小程序里面用webview嵌套公众号的H5。 做完我发现左上角它没!有!返!回!键! 然后!我查了好多资料用过双页面跳转让左上角有返回键,但是吧,它确实是有返回键了但是没办法返回到小程序 ,只是在H5内不停的返回在跳转回

    2024年04月12日
    浏览(53)
  • uni-app - App 平台内嵌网页物理手机自带返回键失效解决方案(内嵌的 webview 网页 H5 打包后手机物理返回键无效直接退出应用了)

    当您需要打包 App(*.apk) 平台时,发现内嵌的 H5 页面虽然可以正常显示与运行,但是手机的物理返回键却无法使用,当点击手机物理返回按键(或手势)时,直接显示 “再按一次退出应用”,而 并非返回上一个\\\"网页\\\"。 出现这种情况的原因是, 内嵌的网页与您的 App “毫无

    2024年02月09日
    浏览(87)
  • 苹果手机自带邮箱怎么配置163账号?

    1、打开163邮箱网页,登入自己的账号 163邮箱地址: https://email.163.com/ 2、顶部点开设置,选择“POP3/SMTP/IMAP” 3、按照提示,手机验证发送短信,开启服务 (两个服务均要开启)     4、获取授权密码 开启服务后,会自动获取授权密码;已经是开启状态,直接在下面点击“新

    2024年02月10日
    浏览(41)
  • uniapp使用自定义导航栏和手机自带的状态栏重叠

    【问题界面】: 【正常界面】: 【解决方法】: 在页面顶部添加代码 !-- #ifndef H5 -- statusBar/statusBar !-- #endif -- 2.引入占位条并注册

    2024年02月15日
    浏览(38)
  • 小程序阻止手机自带的滑动返回退出事件(uni-app,微信小程序,page-container)

    1、使用page-container前先在pages.json配置(重点!) 2、在页面中配置 @touchstart.native和@touchmove.native是用于遮罩层滑动的监听事件 关于page-container 的一些属性 详细可以按照官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/page-container.html

    2024年02月11日
    浏览(60)
  • uniapp 禁止手机侧滑返回(亲测有效)

     全局禁止手机侧滑返回方法: 打开manifest.json,找到app-plus下配置 \\\"popGesture\\\": \\\"none\\\"。 以下方法适用于单页面   踩坑第一种方法:(完全不生效) 第二种方法:与onLoad同级写一个onBackPress()方法。(亲测有效,记录一下) 第三种办法:ios可以尝试以下两种方法(据粉丝反应第二种

    2024年02月16日
    浏览(37)
  • uniapp的小程序中使用web-view进行相互传参,并监听web-view的返回键

    H5页面中 1.引入微信js https://res.wx.qq.com/open/js/jweixin-1.4.0.js 2.引入 uniapp 的jdk文件(去官网下到本地)( 引入一定要放到body下面,不然UniAppJSBridgeReady不生效 ) 3.写好UniAppJSBridgeReady vue页面中接收值 在vue的h5页面中 在uniapp页面中通过@message拿值 原因:官方说小程序使用web-view是

    2024年02月08日
    浏览(53)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包