問題描述
- 使用 keep-alive + beforeRouteLeave 判斷進入緩存頁面的時候設置 keep-alive爲true或false 但是無法滿足需求 造成A頁面 跳轉到 B頁面之後 無緩存 C頁面跳轉到B頁面後 有緩存 但是 再次從A頁面跳轉到B頁面 B頁面跳轉C頁面完成後把上次的數據帶出來了
解決方法
- A - B 或 C-B都設置緩存 觸發keep-alive的activated 鉤子 利用 vuex在B頁面判斷是從哪個頁面跳轉過來的 如果是從A頁面跳轉過來的 重置B頁面所有數據 否則不進行任何操作就行了