uniapp开发H5及app监听返回事件(以及监听不到的处理方法)

简介: uniapp开发H5及app监听返回事件(以及监听不到的处理方法)

1.使用页面事件onBackPress事件监听返回键

onBackPress(e) {
  //e.from === 'backbutton' 说明如果点击的是物理返回键或导航栏的返回键就进行以下操作
      if (e.from === 'backbutton') {
        if (遮罩层是否隐藏) {
          //如果没隐藏
          //这里写让遮罩层隐藏的代码
        } else {
          //如果隐藏了
          //这里就写返回上一页
           uni.navigateBack()
        }
        //return true 
        //返回值为true 时,表示不执行默认的返回(默认返回上一页),执行自定义的返回
    //如果要限制必须写成true
        return true;
      }
    },

2.大坑 监听不到返回

常规后退操作同Android,但是IOS还有个侧滑这个大坑,不会触发onBackPress,

再次确认了侧滑不触发onBackPress后。

3.1.解决大坑的方案1

禁用侧滑

{
    "path": "pages/xxx/xxx",
    "style": {
        ...
        "app-plus": {
            "popGesture": "none", // 禁用侧滑
            "bounce": "none" // 禁用上下拖动页面
        }
    }
},

3.2.解决大坑的方案2

逻辑思路:就是在他要返回的上一级页面进行操作,笨方法但是有效

onShow() {},//监听页面首次进入
//
//监听页面离开的话,下面两个必须同时使用,因为离开页面会有两种情况
onHide() {},//监听离开页面
onUnload() {},//监听页面销毁
/


目录
相关文章
|
移动开发 Android开发 iOS开发
uniapp开发H5及app监听返回事件(以及监听不到的处理方法)
uniapp开发H5及app监听返回事件(以及监听不到的处理方法)
3395 0
|
存储
uniApp监听左右滑动事件
uniApp监听左右滑动事件
1302 0
|
前端开发 API
uniapp中为什么会出现跨域问题,如何解决
uniapp中为什么会出现跨域问题,如何解决
5279 0
uni-app实现swiper滑动放大缩小、实现scroll-view与swiper双向联动
uni-app实现swiper滑动放大缩小、实现scroll-view与swiper双向联动
2117 0
|
小程序
uni-app:网络状态监测之onNetworkStatusChange与getNetworkType的区别与应用
1、在实际项目开发中,难免涉及到监测网络,下面来具体了解下小程序两种监测网络的方法。 2、这里配置的是 uniapp,微信小程序把 uni. 换成 wx. 即可。
2594 0
uni-app:网络状态监测之onNetworkStatusChange与getNetworkType的区别与应用
|
存储 监控 API
app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
1839 11
|
移动开发 小程序 前端开发
uni-app组件样式修改不生效
uni-app组件样式修改不生效
|
资源调度 JavaScript
vue项目:集成富文本编辑器 - 百度ueditor(vue-ueditor-wrap)
vue项目:集成富文本编辑器 - 百度ueditor(vue-ueditor-wrap)
1943 0
|
存储 小程序 开发工具
《uni-app 开发微信小程序,如何实现神秘的在线预览 pdf 文件功能?快来一探究竟!》
【8月更文挑战第20天】在移动互联网时代,微信小程序备受开发者青睐。使用uni-app框架开发时,常需在线预览PDF文件。微信小程序不直接支持PDF预览,需借助第三方服务或特定方法。一种方案是利用腾讯云文档服务,注册账号后,在项目中引入SDK,并配置服务参数,调用接口实现预览。另一种方案是使用`pdf.js`,下载其小程序版并引入项目,加载PDF文件进行渲染。开发者可根据需求选择合适的方法,同时注意处理错误及优化性能,提升用户体验。
2948 0
|
移动开发 小程序 iOS开发
uniapp组件库fullScreen 压窗屏的适用方法
uniapp组件库fullScreen 压窗屏的适用方法
1177 1

热门文章

最新文章