更新记录
1(2022-03-28)
下载此版本
路由 处理 页面大约 10 之后可以继续跳转 (建议节点清空)
页面传参 json 格式
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
× |
× |
√ |
√ |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
× |
√ |
router
- 路由 处理 页面大约 10 之后的跳转 (建议节点清空)
- 有两个文件要处理 main.js 和 pages.json
- 参考资料
- https://juejin.cn/post/6844903732967276558
- https://www.jb51.cc/weapp/537368.html
使用方法
- path 地址 query 参数 json 格式
- // 保留当前页 isback 需要回调页面
this.$mRouter.push({ path: url, query:{} });
this.$mRouter.push({ path: url, query:{},isback:true });
- -// 关闭当前页,跳转到指定页;
this.$mRouter.redirectTo({ path: url, query:{} });
- // 关闭所有页面,打开到应用内的某个页面。
this.$mRouter.reLaunch({ path: url, query:{} });
- // 只能用于跳转到 tabbar 页面,并关闭其他非 tabbar 页面。
this.$mRouter.switchTab({ path: url, query:{} });
- // 需要回调页面
this.$mRouter.backPage({aa:"回调的参数" });
- //获取参数
this.$mRouter.decode(e)
- //获取当前页面信息
this.$mRouter.urlInfo
pages.json 定义中间站
"pages": [
{
"path": "components/san-router/san-router",
"style": {
"navigationBarTitleText": "uni-app"
}
}
]
main.js
import $mRouter from '@/router/router';
$mRouter.mybeforeEach((to, from, next) => {
// 允许跳转 执行 next()
next();
});
//vue2
Vue.prototype.$mRouter = $mRouter;
// vue3
app.config.globalProperties.$mRouter = $mRouter;