在vue 項目中,咱們遇到不少h5場景的頁面,可是因爲頁面會在詳情頁->列表頁->詳情頁 反覆跳轉的問題,當用戶點擊返回的時候,會發現層級裏外裏的往返跳會很煩,vue
利用點,history.pushState()和popstate 歷史記錄棧數組
在定義路由的時候,多加一個參數 pagelv 給路由定義層級lv路由
全局定義一個數組 routeArr ,用來概率
route.change 的時候,咱們判斷,下一個頁面是否比當前頁面的lv高,若是高,咱們把這個路由推動routeArr,用於返回時候的記錄route
當返回的時候,history.pushState()和popstate 去監聽,去返回routeArr 的頂棧,並刪除頂棧項目