关于微信小程序的navigateTo和navigateBack的栈空间理解

最新推荐文章于 2023-07-21 10:35:52 发布
最新推荐文章于 2023-07-21 10:35:52 发布
阅读量2.8k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38603437/article/details/89518045
版权

微信小程序的栈分两种栈

第一种栈为小程序启动时，所有页面组件的组件实例都会被加载到小程序的路由栈中

路由被访问时，路由就会通过路由中存储的页面组件的组件引用去路由栈查找并创建Page的Page实例

第二种栈为调用navgate跳转方法的跳转记录栈，所有调用这类方法的Page实例都会被加载到浏览记录栈中

由此实现getCurrentPages获取到当前页的浏览记录栈中的所有浏览记录

前端_小柒
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序navigateTo /redirectTo/navigateBack 三者区别
weixin_33857679的博客
09-13 472
navigateTo 不会将旧页面出栈； redirectTo 会将旧页面出栈，再将需要跳转到的页面入栈； navigateBack 则是将页面栈最后一个元素出栈，因此倒数第二个元素会成为最后一个元素，即变成「当前页面」。 微信小程序中的页面导航 API 有三个，两个跳转新页面的 API 分别为 wx.navigateTo 和 wx.redirectTo，还有一个 API 名为 wx.navig...
navigateTo和navigateBack的使用
weixin_44600235的博客
07-21 665
使用场景：判断token过期的页面，用navigateto跳转到登陆页面，登陆成功以后回到上一个页面，回到页面以后，刷新当前页面数据。温馨提示不会影响在登陆页面直接点击按钮登录成功的情况。
UNIAPP----navigateTo和navigateBack的使用区别
weixin_44126737的博客
07-25 1118
navigateTo，自定义事件名，绑定事件跳转，语法为： tokefu(){ uni.navigateTo({ url:'../kefu/kefu' }) } url后面为要跳转过去的页面地址。 navigateBack语法为： toshouye(){ uni.navigateBack({ delta:1 }) } delta默认值为1，类型为Number，非必填。 使用场景： 假设页面a有按钮1，点击进入页面b，则返回到页面a用n
微信小程序中的路由跳转
zhang_zan
12-13 432
wx.navigateTo 用于保留当前页面、跳转到应用内的某个页面，使用 wx.navigateBack可以返回到原页面。对于页面不是特别多的小程序，通常推荐使用 wx.navigateTo进行跳转， 以便返回原页面，以提高加载速度。当页面特别多时，则不推荐使用。 wx.redirectTo 当页面过多时，被保留页面会挤占微信分配给小程序的内存，或是达到微信所限制的 5 层页面栈。这时，我们应该考虑选择 wx.redirectTo。wx.redirectTo()用于关闭当前页面，跳转到应用内的某个页面。这
微信小程序:navigateTo页面跳转与navigateBack返回上一页,并执行相关操作
weixin_46001736的博客
03-29 3272
微信小程序:navigateTo页面跳转与navigateBack返回上一页,并执行相关操作
微信小程序常用功能学习示例
05-30
在微信小程序中，页面间的跳转是通过`wx.navigateTo`、`wx.redirectTo`、`wx.switchTab`、`wx.reLaunch`和`wx.navigateBack`等API来实现的。`navigateTo`用于非 tabBar 的页面之间的跳转，不会关闭当前页面；`...
微信小程序代码：电影时光
06-01
3. **页面路由和导航**：小程序中的页面跳转需要通过特定的API进行控制，比如`wx.navigateTo`和`wx.navigateBack`，这使得用户可以流畅地在电影列表、电影详情和个人中心等页面间切换。 4. **用户交互**：为了提供...
微信小程序-电影推荐-程序源码.zip
05-31
这个小程序的源码是开发者的智慧结晶，通过分析和学习，我们可以了解到微信小程序的开发流程和技术栈。微信小程序的开发主要基于JavaScript、WXML（微信小程序的结构语言）和WXSS（微信小程序的样式语言）。...
微信小程序简易计算器源码
03-07
学习微信小程序入门，需要理解其架构、生命周期、组件和API的使用。 2. **页面路由配置**： 在微信小程序中，页面间的跳转通过路由来实现。开发者需要在`app.json`或`page.json`中配置页面路径，然后在JavaScript...
基于微信小程序答题类微信小程序.zip
最新发布
02-20
5. **答题逻辑**：实现题目显示、答案选择、计时、提交答案等功能，可能涉及到`wx.navigateTo`和`wx.navigateBack`等页面跳转方法。 6. **结果反馈**：用户提交答案后，小程序会与服务器通信验证答案正确性，并显示...
navigateBack_demo.7z
05-21
基于uni-app的返回上一层修改上一页面data中属性值，思路同样适用于原生小程序！
小程序switchTab、navigateTo、redirectTo、navigateBack、reLaunch的使用场景
weixin_43222587的博客
02-15 1546
1. redirectTo：关闭当前页，跳转到指定页； 2. navigateTo：保留当前页，跳转到指定页； 3. switchTap：只能用于跳转到tabbar页面，并关闭其他非tabbar页面； 4. navigateBack：返回前面的页面，可以指定返回多少页，如果用过redirectTo，那么被关闭的页面将返回不去； 5. reLaunch：关闭卸载所有页面，可以打开任意页面
处理小程序页面栈限制--小程序wx.navigateTo封装
JunRoyal
02-13 826
本文转载自：https://blog.csdn.net/zuorishu/article/details/93618624 感谢前辈的文章，得以解决此问题。 此篇文章只为记录，学习，和将来的使用。 一、导语： 小程序中页面栈最多十层，随着页面增加路由跳转很容易在不知道的情况下就会堆栈到十层，再用navigateTo去跳转就跳不动了。 这时候就需要删除当前页面栈（redirectTo）或删除所有页面...
解决小程序页面栈十层后，点击不跳转
AWMBAN的博客
10-11 459
思路：要跳转路径是否存在于页面栈，存在则使用navigateBack回退到跳转路径。相当于手动修改页面栈，删除掉跳转路径后的所有页面栈。 //编写方法 goPage(url:跳转页面路径){ const indexUrl='页面路径', const delta=-1, //回退步数 var pages=getCurrentPages(); //获取所有的页面路...
微信小程序 （页面栈和API跳转）
weixin_45343878的博客
08-27 1120
数据操作限制补充 页面栈 API页面跳转 wx.navigateTo wx.navigateBack wx.redirectTo wx.switchTab wx.reLaunch 数据操作限制补充 页面数据data的操作限制 1.直接修改Page实例的this.data而不调用this.setData是无法改变页面的状态的，还会造成数据不一致。 2.由于setData是需要两个线程的一些通信消耗，...
uni-app:navigateBack返回上一页（含参数传递）
weixin_46001736的博客
07-21 6573
uni-app:navigateBack返回上一页
Taro.navigateBack携带参数
weixin_43582313的博客
03-16 6159
在写程序的过程中，会有返回上一个页面，要把当前页面的参数传到上一个页面的需求，那么Taro.navigateBack如何传参呢？ 上代码： // 当前页面 let pages = Taro.getCurrentPages(); // 获取当前的页面栈 let prevPage = pages[pages.length-2]; // 获取上一页面 prevPage.setData({ //设置上...
小程序 navigateBack返回 苹果、安卓手机界面不一致的情况
weixin_38723919的博客
10-10 2449
采用navigateBack的delta返回 ，  有可能导致返回页面不一致 如：wx.navigateBack({            delta: 1      })   解决办法： var page = getCurrentPages()  ;// 获取当前页面栈 var beforePage = page[page.length - 2]; // 跳转页面的栈 wx.na...
微信小程序 wx.navigateBack(OBJECT) 使用方法详解
热门推荐
无知人生，记录点滴
12-17 2万+
官方文档 关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈，决定需要返回几层。 参数 Object object 属性 类型 默认值 必填 说明 最低版本 delta number   是 返回的页面数，如果 delta 大于现有页面数，则返回到首页。   success ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值