uniapp阻止默认返回事件

原创于 2020-05-09 10:46:00 发布 · 1.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#android #vue #ajax #js #java

本文介绍如何在UniApp中使用onBackPress方法自定义页面返回逻辑，包括处理不同来源的返回事件，如实体返回键、顶部导航栏按钮及API调用。同时，强调了在该函数中返回true将阻止默认返回行为，允许开发者实现个性化业务流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

onBackPress(options) {
    // 这里可以自定义返回逻辑，比如下面跳转其他页面
   uni.redirectTo({
     url: "/pages/center_home/order/goods_lst?sta=all"
   })
    // return true 表示禁止默认返回
   return true;
},

页面生命周期有个 onBackPress 方法，可以监听返回事件

onBackPress(event) 返回 event ={form: backbutton | navigateBack}

Android 实体返回键 (from = backbutton)
顶部导航栏左边的返回按钮 (from = backbutton)
返回 API，即 uni.navigateBack() (from = navigateBack)

注意事项：

只有在该函数中返回值为 true 时，才表示不执行默认的返回，自行处理此时的业务逻辑。
不返回或返回其它值，均会执行默认的返回行为。
H5平台，顶部导航栏返回按钮支持 onBackPress()，浏览器默认返回按键及Android手机实体返回键不支持
onBackPress() 暂不支持直接在自定义组件中配置该函数，目前只能是在页面中来处理。