微信小程序开发页面路由

浏览： ℃

字体：大中小

发布时间：2018-01-03 19:33:19

来源：

页面路由

在小程序中所有页面的路由全部由框架进行管理。

页面栈

框架以栈的形式维护了当前的所有页面。当发生路由切换的时候，页面栈的表现如下：

路由方式页面栈表现初始化新页面入栈打开新页面新页面入栈页面重定向当前页面出栈，新页面入栈页面返回页面不断出栈，直到目标返回页，新页面入栈Tab 切换页面全部出栈，只留下新的 Tab 页面重加载页面全部出栈，只留下新的页面

getCurrentPages()

getCurrentPages()函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。

Tip：不要尝试修改页面栈，会导致路由以及页面状态错误。

路由方式

对于路由的触发方式以及页面生命周期函数如下：

路由方式触发时机路由前页面路由后页面初始化小程序打开的第一个页面 onLoad, onSHow打开新页面调用 API wx.navigateTo 或使用组件 <navigator open-type="navigateTo"/>onHideonLoad, onShow页面重定向调用 API wx.redirectTo 或使用组件 <navigator open-type="redirectTo"/>onUnloadonLoad, onShow页面返回调用 API wx.navigateBack 或使用组件<navigator open-type="navigateBack">或用户按左上角返回按钮onUnloadonShowTab 切换调用 API wx.switchTab 或使用组件 <navigator open-type="switchTab"/> 或用户切换 Tab 各种情况请参考下表重启动调用 API wx.reLaunch 或使用组件 <navigator open-type="reLaunch"/>onUnloadonLoad, onShow

Tab 切换对应的生命周期（以 A、B 页面为 Tabbar 页面，C 是从 A 页面打开的页面，D 页面是从 C 页面打开的页面为例）：

当前页面路由后页面触发的生命周期（按顺序）AANothing happendABA.onHide(), B.onLoad(), B.onShow()AB（再次打开）A.onHide(), B.onShow()CAC.onUnload(), A.onShow()CBC.onUnload(), B.onLoad(), B.onShow()DBD.onUnload(), C.onUnload(), B.onLoad(), B.onShow()D（从转发进入）AD.onUnload(), A.onLoad(), A.onShow()D（从转发进入）BD.onUnload(), B.onLoad(), B.onShow()

Tips：