小程序页面栈管理

栏目: JavaScript · 发布时间: 5年前

内容简介:小程序的每个页面都是一个page对象,小程序中页面栈最多十层,了解小程序页面栈的管理机制有助于我们进行页面跳转参数的传递,以及在目的页面改变原页面的属性达到传参的效果:通过getCurrentPages();获取页面栈内所有的Page对象,去某一个Page对象即可操作其方法和属性。

小程序页面栈的管理

小程序的每个页面都是一个page对象,小程序中页面栈最多十层,了解小程序页面栈的管理机制有助于我们进行页面跳转参数的传递,以及在目的页面改变原页面的属性达到传参的效果:

小程序页面栈管理

通过getCurrentPages();获取页面栈内所有的Page对象,去某一个Page对象即可操作其方法和属性。

比如页面跳转传参:

  1. A调用wx.navigateTo({ url: '/pages/B/B' });  跳转到B页面,此时的动作是push(入栈)一个页面,其效果如下:

小程序页面栈管理

  1. 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();这是一个原页面出栈,新页面入栈的过程;

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Rework

Rework

Jason Fried、David Heinemeier Hansson / Crown Business / 2010-3-9 / USD 22.00

"Jason Fried and David Hansson follow their own advice in REWORK, laying bare the surprising philosophies at the core of 37signals' success and inspiring us to put them into practice. There's no jarg......一起来看看 《Rework》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

SHA 加密
SHA 加密

SHA 加密工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具