mpvue 退出頁面再次進入數據未初始化(同一路由切換時,上一次的頁面數據會保留)

今天在作類商品詳情頁時碰到一個問題:html

A(首頁) -> B(商品詳情頁)vue

B 頁面有個 swiper,須要一個展現的是第幾張的數值git

在 B.vue data 中初始化github

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

問題來了:在進入 B 頁面後,滑動展現參數變爲 3spa

 

以後退回到 A 頁面,在隨便選個商品進入3d

可是這一頁的第三張是這張:orm

發現值仍是滑動事後的值,未在進入頁面進行初始化,保留了上次進入頁面的數據htm

解決方法:blog

 在進入子頁面時獲取數據的生命週期中手動重置數據

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

相關文章
相關標籤/搜索