mp-vue微信小程式多層路由跳轉問題覆盤

SaSa雨點發表於2018-12-14

本週開發迴流模組,小程式首次出現了多層頁面巢狀跳轉bug的情況。

以商品詳情為例:由商品詳情A,經過其他頁面,跳轉到商品詳情B,回退頁面會出現商品詳情A頁面空白資料丟失的情況。
複製程式碼
  • 原因是商品詳情B頁面回退(nagetiveBack)時觸發onunload,頁面被銷燬,資料被reset清除,回退到商品詳情A,onshow觸發,而商品詳情頁資料已經在商品詳情B時被重新整理為B的資料,且已被銷燬。
  • 目前解決方案是在unload階段保留當前data的Id,手動清除其他資料。在onshow階段再次對比頁面url的Id與data的Id,如果不一致則再次請求資料重新整理頁面。

路由鏈路示意

相關文章