网站建设问答小编今天给大家整合了一篇有关《小程序基础篇之页面路由》的文章，关于小程序基础篇之页面路由的详细内容欢迎往下阅读，下面就由小编一一给大家介绍，一起去了解吧！

　　什么是路由？

　　我们通常理解的路由指分组数据包从源到目的地时，决定端到端路径的网络范围的进程；

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

　　通过本篇文章，你可以学习到：

　　哪些情况会触发页面跳转

　　如何跳转页面

　　页面传参

　　页面栈

　　小程序启动，初始化第一个页面

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

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

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

　　tarbar切换

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

　　使用wx.navigateTo接口跳转,原页面保留。

　　2使用wx.redirectTo接口跳转，关闭原页面,不能返回。

　　3.使用组件跳转。

　　当该组件添加redirect属性时，等同于wx.redirectTo接口；默认redirect属性为false，等同于wx.navigateTo接口。

　　4.用户点击左上角返回按钮，或调用wx.navigateBack接口返回上一页。

　　delta为1时表示返回上一页，为2时表示上上一页，以此类推；如果dalta大于已打开的页面总数，则返回到首页。返回后，元界面会销毁。

　　其实这个很简单,形如：

　　经过测试，传递的参数没有被URIEncode,传递中文没有乱码。参数长度未测试。

　　官方规定小程序最多只能有五个页面同时存在，意思是在不关闭页面的情况，最多新开五个页面，页面深度为5。

　　对于可逆操作，使用wx.navigateTo,比如从首页跳转到二级页面，从二级页面返回是不需要重新渲染首页

　　对于不可逆操作，使用wx.redirectTo,比如用户登录成功后，关闭登录页面，不能返回到登录界面。

　　对于一些介绍性等不常用页面wx.redirectTo或wx.navigatrBack

　　对于类似九宫格、列表项，使用跳转

　　不要在首页使用wx.redirectTo，这样会导致应用无法返回首页

　　简化需求、简化流程；核心功能在两三个页面完成便是张小龙追求『小而美』的体现

　　页面栈以栈（先进后出）的形式维护页面与页面之间的关系；

　　小程序提供了getCurrentPages()函数获取页面栈，第一个元素为首页，最后一个元素为当前页面。

　　1.使用wx.navigateTo每新开一个页面，页面栈大小加1,直到页面栈大小为5为止；

　　2.使用wx.navigateTo重复打开界面

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

　　3.使用wx.redirectTo重定向

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

　　4.使用wx.navigateBack返回

　　上图中，假如当前页面为五级页面，使用wx.navigateBack：

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

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

　　以此类推，直到栈底为止，也就是首页。

　　以上使用wx.navigateTo、wx.redirectTo、wx.navigateBack页面出入栈操作对页面栈的影响，平时不一定用得上，但是还是有必要了解背后的原理。

　　通过学习页面栈，你至少可以知道：

　　小程序运行时你可以获取到已经初始化了的页面的属性和方法

　　动态获取当前页面路径

　　页面自动跳转

　　你可以通过getCurrentPages()获取页面page对象，执行非当前页js里的方法

　　总结

　　wx.navigateTo会增加页面栈大小，直到页面栈大小为5

　　wx.redirectTo不会增加页面栈大小

　　wx.navigateBack会减少页面栈大小，直到页面栈大小为1

  目前，《小程序基础篇之页面路由》页面仍在完善中，后续将为您提供丰富、全面的关于《小程序基础篇之页面路由》的最佳回答，小编将持续从百度问答、百度百科、搜狗问答、搜狗百科、微博问答、头条百科、悟空问答、知乎热门问答以及部分合作站点渠道收集和补充完善信息。

  深圳蚂蚁网络网站建设公司提供，系统定制，微信开发、小程序定制、微商城开发、网站建设、网站排名优化推广等互联网项目定制开发服务。版权声明：如发现内容存在版权问题，烦请提供相关信息发邮件至3310459304@qq.com，我们将及时沟通与处理。本站内容均来源于网络，涉及言论、版权与本站无关。