温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

微信小程序中怎么实现子页面向父页面传值

发布时间:2022-04-13 14:50:23 来源:亿速云 阅读:461 作者:iii 栏目:编程语言

这篇文章主要介绍了微信小程序中怎么实现子页面向父页面传值的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇微信小程序中怎么实现子页面向父页面传值文章都会有所收获,下面我们一起来看看吧。

微信小程序中子页面向父页面传值实例详解

微信小程序中怎么实现子页面向父页面传值

微信小程序中怎么实现子页面向父页面传值

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

采取的方法:

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

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

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

关于“微信小程序中怎么实现子页面向父页面传值”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“微信小程序中怎么实现子页面向父页面传值”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI