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


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

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM