菜鸟学习微信小程序之路由

来源:互联网 发布:阿里云部署微信公众号 编辑:程序博客网 时间:2024/06/04 19:33

路由方式

对于路由的触发方式以及页面生命周期函数如下:
以下是路由方式的类型,触发时机

路由方式 触发时机 路由前页面 路由后页面 初始化 小程序打开的第一个页面 onLoad, onShow 打开新页面 调用API wx.navigateTo 或使用 onHide onLoad, onShow 页面重定向 调用API wx.redirectTo 或使用组件 onUnload onLoad, onShow 页面返回 调用API wx.navigateBack 或使用组件 或用户按左上角返回按钮 onUnload onShow Tab 切换 调用API wx.switchTab 或使用组建时 或用户切换Tab 使用情况看以下详解 重启动 调用API wx.reLaunch 或使用组件 onUnload

Tab切换对应的生命周期(以A、B页面为Tabbar页面,C是从A页面打开的页面, D页面是从C页面打开的页面为例):

当前页面 路由后页面 触发的生命周期(按顺序) A A Nothing happend A B A.onHide(), B.onLoad(), B.onShow() A B(再次打开) A.onHide(), B.onShow() C A C.onUnload(), A.onShow() C B C.onUnload(), B.onLoad(), B.onShow() D B D.onUnload(), c.onUnload(), B.onLoad(), B.onShow() D(从转发进入) A D.onUnload(), A.onLoad(), A.onShow() D(从转发进入) B D.onUnload(), B.onLoad(), B.onShow()


提示:

  • navigateTo, redirectTo 只能打开非tabBar页面。
  • switchTab只能打开tabBar页面。
  • 页面底部的tabBar由页面决定,即只要定义为tabBar的页面,底部都有tabBar.
  • 调用页面路由带的参数可以在目标页面的onLoad中获取。
原创粉丝点击