最近公司有新的需求要使用單頁面 進行開發，選來選去選擇了VUE 因為路由管理起來比較的方便。於是乎開始邊學邊寫。很多坑，

最近又有了新的需求 在android環境下 監聽到使用者點選物理返回事件， 網頁應用就是有些麻煩  百度了很久。網上給的方法基本都是使用Xback.js  或者 通過監聽“popstate”，並不能完美解決。無奈。只能找其它方法。。由於也是剛上手  對 vue 也不太熟悉。翻API，發現了“導航守衛”，於是乎發現了 “離開守衛”  具體程式碼如下：

beforeRouteLeave (to, from , next) {
  const answer = window.confirm('Do you really want to leave? you have unsaved changes!')
  if (answer) {
    next()
  } else {
    next(false)//可以通過在這裡寫邏輯來處理使用者點了物理返回之後的操作
  }
}
 

離開守衛通常用來禁止使用者在還未儲存修改前突然離開。該導航可以通過 next(false) 來取消。

以上   自己記錄一下 。