今天在作類商品詳情頁時碰到一個問題:html
A(首頁) -> B(商品詳情頁)vue
B 頁面有個 swiper,須要一個展現的是第幾張的數值git
在 B.vue data 中初始化github
methods 中須要根據商品數據進行賦值this
問題來了:在進入 B 頁面後,滑動展現參數變爲 3spa
以後退回到 A 頁面,在隨便選個商品進入3d
可是這一頁的第三張是這張:orm
發現值仍是滑動事後的值,未在進入頁面進行初始化,保留了上次進入頁面的數據htm
解決方法:blog
在進入子頁面時獲取數據的生命週期中手動重置數據
此狀況出現的緣由多是 mpvue 的混合週期留下的問題:
https://www.cnblogs.com/imgss/p/9164924.html
有一個相似的問題在 github mpvue issues 中(可關注):
https://github.com/Meituan-Dianping/mpvue/issues/140