uni-app 監聽返回按鈕

前置條件：

1. 開發環境：windows

2. 開發框架：uni-app , H5+，nativeJS

3. 編輯器：HbuilderX 2.8.13

    4. 兼容版本：安卓，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()

• 暫不支持直接在自定義組件中配置該函數，目前只能是在頁面中來處理。