mpvue 路由跳转 同一个路由不同参数 页面数据没有改变 解决mpvue多个页面公用一个vm对象的问题

遇到的问题

pageA -> pageB?id=1 -> back-> pageA-> -> pageB?id=2

pageB的onLoad里对传递参数进行了赋值，最后pageB页面子组件拿到的还是id=1，

在不同页面用公共组件通过props传值也会出现这样的问题

原因

应该是渲染子组件在赋值之前就获取了残留的数据

解决方案

目前解决办法就是在onUnload里将值清除 

今天在微信群聊了一下解决思路

解决方法是在 vuex 里面维护一个数组，每次进入一个页面的时候就将当前页面中的 data push 到 vuex 中，然后返回到上一层页面的时候根据 id 从 vuex 中的这个数组中取值，被销毁的页面的数据则从那个数组中弹出，这样不用每次返回都去请求新的数据也不会有闪动了。

或者直接把当前实例删除

onUnload() {
//解决mpvue页面实例缓存问题
Object.assign(this, null);
}

 

一劳永逸解决方案

使用 mpvue-page-factory 可以解决watch,props,computed 等一系列缓存问题

import pageFactory from 'mpvue-page-factory'