今天在做類商品詳情頁時碰到一個問題:
A(首頁) -> B(商品詳情頁)
B 頁面有個 swiper,需要一個展示的是第幾張的數值

在 B.vue data 中初始化

methods 中需要根據商品數據進行賦值

問題來了:在進入 B 頁面后,滑動展示參數變為 3

之后退回到 A 頁面,在隨便選個商品進入

但是這一頁的第三張是這張:

發現值還是滑動過后的值,未在進入頁面進行初始化,保留了上次進入頁面的數據
解決方法:
在進入子頁面時獲取數據的生命周期中手動重置數據

Object.assign(this.$data, this.$options.data())
此情況出現的原因可能是 mpvue 的混合周期留下的問題:
https://www.cnblogs.com/imgss/p/9164924.html
有一個類似的問題在 github mpvue issues 中(可關注):
https://github.com/Meituan-Dianping/mpvue/issues/140
