找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 小程序开发 查看内容

小程序中子页面向父页面传值实例

作者:模板之家 2018-4-16 10:15 11165人关注

上面一张图是编辑款项页面,下面一张图是点击了编辑款项页面中选择好友的图标后打开的子页面。这个时候点选子页面的某个好友时,需要把好友的名字传递回编辑款项父页面。 采取

父页面 
子页面

上面一张图是编辑款项页面,下面一张图是点击了编辑款项页面中选择好友的图标后打开的子页面。这个时候点选子页面的某个好友时,需要把好友的名字传递回编辑款项父页面。

采取的方法:

从页面路由栈中直接获取和操作目标Page对象,这种方式,是通过调用小程序的API: getCurrentPages(),来获取当前页面路由栈的信息,这个路由栈中按照页面的路由顺序存放着相应的Page对象,我们可以很容易的获取到上一级页面的完整Page对象,从而使直接调用Page对象的属性和方法成为可能。

选择好友页面代码如下所示:

 

						
  1. var pages = getCurrentPages();
  2.  
  3. var currPage = pages[pages.length - 1]; //当前选择好友页面
  4.  
  5. var prevPage = pages[pages.length - 2]; //上一个编辑款项页面
  6.  
  7. //直接调用上一个页面的setData()方法,把数据存到上一个页面即编辑款项页面中去
  8.  
  9. prevPage.setData({
  10.  
  11. name: currentfriend.name //当前选择的好友名字赋值给编辑款项中的姓名临时变量
  12.  
  13. });


路过

雷人

握手

鲜花

鸡蛋
原作者: 模板之家 来自: 网络收集

全部回复(0)