关于mpvue中同路由不一样页面共享数据的解决方案

该问题出现的issue,目前官方未给出修复以及解决方案vue

issue 114git

使用场景:

在使用mpvue开发小程序中,出现同路由复用,使用不一样页面的状况。 例如: 所有->详情页1(id=22)->我的页->详情页2(id=24,前面详情页1 id被改变)->返回我的页->返回详情页(id=24)github

问题分析:

经过打断点分析,同路由下的不一样页面,数据data的挂载,是共享的...也就是说用的一直都是同一个data,而不是每一个页面拥有一个独立的datajson

解决方案:

使用修改后的mpvue-loader插件包小程序

使用开源更改后的页面插件包api

须要修改 重复使用路由 页面的main.js文件bash

import pageFactory from 'mpvue-page-factory'
import App from './index'
Page(pageFactory(App))
复制代码

配置以下

修改使用的mvpue-loader插件以及增长工厂页面插件函数

--package.jsonspa

"mpvue-loader": "git+https://github.com/HelloZJW/mpvue-loader.git#patch1.0.x",
"mpvue-page-factory": "^1.0.0",
复制代码

注意:

而且在该页面请勿使用mpvue官方文档提供的api获取页面传参:插件

请使用小程序的api获取页面栈,在跳转的页面onLoad函数 附带参数option,而后再经过option来获取id

有的小伙伴发现本身的版本是从最近的mpvue官方初始化的,不能正确地配置如今提供一个初始化的修复版mpvue项目仓库提供于你们使用

simple-mpue-fixed

感谢该方案的插件提供者~HelloZJW

相关文章
相关标签/搜索