小程序页面栈管理
栏目: JavaScript · 发布时间: 6年前
内容简介：小程序的每个页面都是一个page对象，小程序中页面栈最多十层,了解小程序页面栈的管理机制有助于我们进行页面跳转参数的传递，以及在目的页面改变原页面的属性达到传参的效果：通过getCurrentPages();获取页面栈内所有的Page对象，去某一个Page对象即可操作其方法和属性。
小程序页面栈的管理
小程序的每个页面都是一个page对象，小程序中页面栈最多十层,了解小程序页面栈的管理机制有助于我们进行页面跳转参数的传递，以及在目的页面改变原页面的属性达到传参的效果：
通过getCurrentPages();获取页面栈内所有的Page对象，去某一个Page对象即可操作其方法和属性。
比如页面跳转传参：
- A调用wx.navigateTo({ url: '/pages/B/B' }); 跳转到B页面，此时的动作是push（入栈）一个页面，其效果如下：
- B页面从栈里面取A页面的Page对象：
`
var currPage = pages[pages.length - 1]; //当前页面，B页面Page对象
var prevPage = pages[pages.length - 2]; //上一个页面，A页面的Page对象
3. 调用setData传参：prevPage.setData({name:"三三" });
4. 调用wx.navigateBack();即可返回到上一个页面，此时即A页面，这是一个页面出栈（pop）的过程；
5. 调用wx.redirectTo()；这是一个原页面出栈，新页面入栈的过程；
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
- 小程序页面动态配置实现
- 小程序中h5页面onShow实现及跨页面通信方案
- 「小程序JAVA实战」小程序的横向视频和页面拦截（58）
- 如何探测小程序返回到webview页面
- 小程序自定义单页面、全局导航栏
- 「小程序JAVA实战」小程序页面的上拉下拉刷新（49）
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
