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() {},//监听页面销毁
/


目录
相关文章
|
6月前
uni-app 70聊天类封装(五)-发送消息
uni-app 70聊天类封装(五)-发送消息
92 1
|
6月前
uni-app 77聊天类封装(十三)-断线重连提示
uni-app 77聊天类封装(十三)-断线重连提示
68 0
|
移动开发 Android开发 iOS开发
uniapp开发H5及app监听返回事件(以及监听不到的处理方法)
uniapp开发H5及app监听返回事件(以及监听不到的处理方法)
714 0
uni-app监听页面滚动
uni-app监听页面滚动
511 0
|
4月前
|
JavaScript 前端开发
uni-app组件 子组件onLoad、onReady事件无效
突然发现在项目中,组件 子组件的onLoad、onReady事件无效 打印也出不来值 怎么处理呢?
387 1
|
6月前
uni-app 78渲染和监听聊天会话列表
uni-app 78渲染和监听聊天会话列表
43 1
|
6月前
uni-app 72聊天类封装(七)-完善发送消息状态
uni-app 72聊天类封装(七)-完善发送消息状态
55 3
|
6月前
uni-app 79聊天类封装(十四)-处理接收消息
uni-app 79聊天类封装(十四)-处理接收消息
31 2
|
6月前
uni-app 76聊天类封装(十一)-更新会话列表(二)
uni-app 76聊天类封装(十一)-更新会话列表(二)
44 1
|
6月前
uni-app只执行一次事件
uni-app只执行一次事件
256 3