如何跳出小程序五级页面的限制 - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 小程序相关 >

如何跳出小程序五级页面的限制

发表时间:2022-9-14

发布人:葵宇科技

浏览次数:88

前言:做小程序开发,就要在微信的规则内玩耍。最近做的小程序经常会有个报错:RangeError: Maximum call stack size exceeded。这意思是说小程序页面超过5级跳转了,应该怎么解决呢?

微信小程序官方文档中,关于页面的跳转,有三个API,两个跳转新页面的 API 分别为wx.navigateTo和wx.redirectTo,还有一个 API 名为wx.navigateBack,它用于返回上级页面。

wx.navigateBack在小程序的初始版本中只能回到上一个页面,在最新版本(0.10.102800)的更新中给navigateBack添加了一个参数delta,用于决定需要返回几层页面。

navigator组件的默认跳转方式与wx.navigateTo相同,而如果添加redirect属性,则与wx.redirectTo的跳转方式相同。

wx.navigateTo在官方文档中描述如下:

保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。

通过navigateTo跳转后,可点击左上角的按钮返回上一个页面。而如果多次调用navigateTo之后,就需要返回多次才能回到初始页面,这种交互更像是客户端打开一个新的view。因此,官方在此处有一个限制(最多五级)。

注意:为了不让用户在使用小程序时造成困扰,我们规定页面路径只能是五层,请尽量避免多层级的交互方式。

不过上述五层的限制只是针对navigateTo,redirectTo则无此限制。因为redirectTo的行为是:

关闭当前页面,跳转到应用内的某个页面。

因此,当页面个数超过五层时,应该用redirectTo来替换navigateTo,就可以避免Maximum call stack size exceeded的异常,但是redirectTo关闭当前页面的做法,有些场景并不适用,比如,从列表页进详情页面,如果进入详情页面时,关闭列表页面,再次back时,就没办法回到列表页面。

通过redirectTo跳转后,只是无法返回跳转前的页面,但并不是无法调用navigateBack,而是调用之后,会回到使用redirectTo跳转前的上一个页面。

页面栈可以通过getCurrentPages方法获取:

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

这个方法也比较适用,在多层页面跳转中,你可能会用的到。

相关案例查看更多