uni-app 监听返回按钮

扫码查看原文

前置条件：
开发环境：windows
开发框架：uni-app , H5+，nativeJS
编辑器：HbuilderX 2.8.13
兼容版本：安卓，IOS已作测试
进入正题：
文档地址uni-app：
https://uniapp.dcloud.io/collocation/frame/lifecycle?id=%e9%a1%b5%e9%9d%a2%e7%94%9f%e5%91%bd%e5%91%a8%e6%9c%9f
uni-app自定义返回逻辑教程:https://ask.dcloud.net.cn/article/35120

onBackPress(e){
    
    
  console.log("监听返回按钮事件",e);
  uni.navigateTo({
    
    
    url:"/pages/details/details?type=2"
  }) 
  // 此处一定姚要return为true，否则页面不会返回到指定路径
  return true;
}

2.1说明：

当用户进行以下操作时，会触发该函数：

Android 实体返回键 (from = backbutton)

顶部导航栏左边的返回按钮 (from = backbutton)

返回 API，即 uni.navigateBack() (from = navigateBack)

只有在该函数中返回值为 true 时，才表示不执行默认的返回，自行处理此时的业务逻辑。

当不阻止页面返回却直接调用页面路由相关接口（如：uni.switchTab）时，可能会导致页面显示异常，可以通过延迟调用路由相关接口解决。

不返回或返回其它值，均会执行默认的返回行为。

H5 平台，顶部导航栏返回按钮支持 onBackPress()，浏览器默认返回按键及Android手机实体返回键不支持 onBackPress()

暂不支持直接在自定义组件中配置该函数，目前只能是在页面中来处理。