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

相关文章
相关标签/搜索