微信小程序开发使用路由(路由器小程序)-主机频道

我们通常理解，路由是指当一个包从源到目的地时，确定端到端路径的全网络过程；

借用上面的定义，我们可以理解小程序页面的路由，以及根据路由规则(路径)从一个页面跳转到另一个页面的规则。

通过本文，您可以了解到:

什么会触发页面跳转？

如何跳转到页面

页面参考

页面堆栈

》》》》》什么情况会触发页面跳转小程序启动并初始化第一页？

打开新页面，调用API wx.navigateTo或使用组件

页面重定向，调用API wx.redirectTo或使用组件

回到页面，调用API wx.navigateBack或者按左上角的返回按钮。

Tarbar开关

所有页面都必须在app.json中注册，例如:

{ & quot页面& quot：

使用wx . navigate重复打开界面在上图中，如果使用wx . navigate从第四级页面跳转到第二级页面，会在页面栈顶增加一个与第二级页面初始状态相同的界面，但两个页面状态是独立的。页面堆栈大小将增加1。如果页面堆栈大小为5，则wx.navigateTo无效。

使用wx.redirectTo重定向在上图中，如果使用wx.redirectTo从四级页面重定向到二级页面，则会关闭四级页面，用二级页面替换四级页面，但两个页面状态是独立的。此时，的页堆栈大小保持不变。请注意wx.navigateTo和wx.navigateto的区别。

使用wx.navigateBack返回到上图中的。如果当前页面是五级页面，请使用wx.navigateBack:

delta为1时，关闭五级页面，当前页面为四级页面，页面栈大小减1；

当δ为2时，依次关闭五级页面和四级页面，当前页面为三级页面，页面堆栈大小减2；

依此类推，直到堆栈的底部，即首页。

上面提到的使用wx.navigateTo、wx.redirectTo、wx.navigateBack的页面访问和退出操作，在平时可能用不到，但是还是要了解一下背后的原理。

通过学习页面堆栈，您至少可以知道:

当applet运行时，您可以获得初始化页面的属性和方法。

动态获取当前页面路径。

自动页面跳转

可以通过getCurrentPages()获取page对象，在非当前页面js中执行该方法。

摘要

Wx.navigateTo将增加页面堆栈大小，直到页面堆栈大小为5。

Wx.redirectTo不会增加页面堆栈大小。

Wx.navigateBack减小页面堆栈大小，直到页面堆栈大小为1。

相信你看完这个案例已经掌握了方法。更多精彩请关注即时码站其他相关文章！

微信小程序开发使用路由(路由器小程序)