微信开发入门（8）页面路由（微信网页开发用什么比较好）

什么是路由？

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

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

什么会触发页面跳转？

如何跳转到页面

页面传输参数

页面堆栈

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

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

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

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

Tarbar开关

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

{ & quot页面& quot：

使用wx.navigateTo反复打开界面

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

使用wx.redirectTo重定向

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

使用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。

[相关建议]

1.下载微信微信官方账号平台源代码。

2.微信投票源代码

3.微信拉拉外卖2.2.4解密微信魔方开源版源代码。

这几篇文章你可能也喜欢：

• 暂无相关推荐文章

本文由主机参考刊发，转载请注明：微信开发入门（8）页面路由（微信网页开发用什么比较好） https://zhujicankao.com/113642.html