1. 程式人生 > >vue 專案中 如何動態監聽瀏覽器以及iOS手機微信自帶的返回按鈕的事件

vue 專案中 如何動態監聽瀏覽器以及iOS手機微信自帶的返回按鈕的事件

vue搭建的頁面中,左上角的返回按鈕,我自己定義了返回的了路徑,可是當執行時,就會發現,蘋果手機的下方會有自帶的返回按鈕(安卓手機沒有),那麼這個按鈕的返回事件該如何設定呢?

一般情況下,微信自帶的返回按鈕都是返回上一個路徑,可是當我的頁面時使用者掃碼進入的,沒有上一條路徑,所以點選下面的返回按鈕,就會一直重新整理當前頁,現在的需求是,當用戶掃碼進入的時候,點選返回時,讓他返回到商鋪的主頁面,左上角的返回按鈕已經設定好,下方的返回設定的前提是,不能影響左上角的返回事件。

mounted() {
  //判斷使用者有沒有store_id來確定使用者是否是掃碼進入
  if (this.store_Id) {
    this.back();
  }

},

methods: {
監聽微信自帶的返回按鈕
//寫入空白的歷史記錄 
pushHistory() {
//寫入空白歷史路徑
  let state = {
    title: 'title',
    url: "#"
  }
  window.history.pushState(state, state.title, state.url)
},
back() {
  this.pushHistory();
  window.addEventListener("popstate", function (e) {
    location.href = (此處為要跳轉的制定路徑)
  }, false);
},



}