Uniapp 之 禁用手机物理返回键

Posted 2021-12-03 zhuangwei_8256

利用uniapp的生命周期实现禁用手机物理返回键功能

• uniapp页面生命周期onBackPress：https://uniapp.dcloud.io/collocation/frame/lifecycle；
• 请注意onBackPress该生命周期的说明以及平台差异说明；
• 自定义返回逻辑：https://ask.dcloud.net.cn/article/35120；
  
   
   
  具体根据业务需求可自定义返回逻辑：

// 这里实现的是禁用物理返回，顶部导航栏的自定义返回 uni.navigateBack 仍可使用
onBackPress(options) {
   console.log('options', options);
   if (options.from == 'backbutton') {
       return true;
   } else if (options.from == 'navigateBack') {
       return false;
   }
},  

 
 
注：onBackPress 生命周期参数 options的值有两个：backbutton、navigateBack;

• backbutton 表示来源是左上角原生返回按钮或 android 返回键；
• navigateBack 表示来源是顶部导航栏自定义返回按钮，使用的是uniapp的返回api：uni.navigateBack(OBJECT)

 
 
如有不足，望大家多多指点！ 谢谢！