微信小程序路由跳转
2018-02-28 17:35
190 查看
页面栈表现方式
路由方式 | 页面栈表现 |
---|---|
初始化 | 新页面入栈 |
打开新页面 | 新页面入栈 |
页面重定向 | 当前页面出栈,新页面入栈 |
页面返回 | 页面不断出栈,直到目标返回页,新页面入栈 |
Tab 切换 | 页面全部出栈,只留下新的 Tab 页面 |
重加载 | 页面全部出栈,只留下新的页面 |
路由方式
路由方式 | 触发时机 | 路由前页面 | 路由后页面 |
---|---|---|---|
初始化 | 小程序打开的第一个页面 | onLoad, onShow | |
打开新页面 | 调用 API wx.navigateTo或使用组件 <navigator open-type="navigateTo"/> | onHide | onLoad, onShow |
页面重定向 | 调用 API wx.redirectTo或使用组件 <navigator open-type="redirectTo"/> | onUnload | onLoad, onShow |
页面返回 | 调用 API wx.navigateBack或使用组件 <navigator open-type="navigateBack">或用户按左上角返回按钮 | onUnload | onShow |
Tab 切换 | 调用 API wx.switchTab或使用组件 <navigator open-type="switchTab"/>或用户切换 Tab | 各种情况请参考下表 | |
重启动 | 调用 API wx.reLaunch或使用组件 <navigator open-type="reLaunch"/> | onUnload | onLoad, onShow |
navigateTo,
redirectTo只能打开非 tabBar 页面。
switchTab只能打开 tabBar 页面。
reLaunch可以打开任意页面。
页面底部的 tabBar 由页面决定,即只要是定义为 tabBar 的页面,底部都有 tabBar。
调用页面路由带的参数可以在目标页面的
onLoad中获取
相关文章推荐
- 微信小程序详解——页面之间的跳转方式【路由】和参数传递
- 微信小程序webview跳转小程序内路由
- 微信小程序详解——页面之间的跳转方式【路由】和参数传递
- 微信小程序详解——页面之间的跳转方式【路由】和参数传递
- 微信小程序webview跳转小程序内路由
- 微信小程序 登录并成功跳转
- 微信小程序实现页面跳转传值的方法
- 微信小程序之页面跳转错误
- 微信小程序——页面跳转
- 微信小程序 页面跳转与参数传递
- 微信小程序navigator的open-type跳转问题
- 微信小程序 跳转传参数与传对象详解及实例代码
- 微信小程序——wx.navigateTo中url无法跳转问题(app.json中配置的tabBar与wx.navigateTo中url引用相同页面导致)(2017/12)
- 微信小程序学习笔记 (小程序页面学习 三 逻辑层 页面路由 基础食用方法)
- [置顶] 微信小程序跳转到其他网页(外部链接)
- 【学习笔记】微信小程序页面路由
- 【微信小程序】微信小程序页面跳转的数据传递
- 微信小程序 页面跳转和数据传递实例详解
- [微信小程序]页面跳转对象参数的传递方法
- 微信小程序 跳转页面的两种方法详解