微信小程序中子页面向父页面传值实例详解
更新时间：2017年03月20日 10:05:28 作者：天下雪
这篇文章主要介绍了微信小程序中子页面向父页面传值实例详解的相关资料,需要的朋友可以参考下
微信小程序中子页面向父页面传值实例详解
上面一张图是编辑款项页面，下面一张图是点击了编辑款项页面中选择好友的图标后打开的子页面。这个时候点选子页面的某个好友时，需要把好友的名字传递回编辑款项父页面。
采取的方法：
从页面路由栈中直接获取和操作目标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 //当前选择的好友名字赋值给编辑款项中的姓名临时变量
});
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
相关文章
这篇文章主要介绍了js实现select下拉框菜单的详细代码，感兴趣的小伙伴们可以参考一下2015-12-12
一直想为 SWFObject 这个JS的类库写一个推荐帖，因为他轻便，同时功能强大，为我们的开发带来了很大的便捷。2008-07-07
网页自动刷新，不产生嗒嗒声的一个解决方法...2007-03-03
这篇文章主要为大家详细介绍了xmlplus组件设计系列之图标ICON的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要介绍了ES6新增的数组知识,结合实例形式分析了ES6的数组新增知识点、使用技巧与相关注意事项,需要的朋友可以参考下2020-05-05
这篇文章主要介绍了JS实现选中当前菜单后高亮显示的导航条效果,涉及JavaScript针对页面元素的遍历及样式动态操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
这篇文章主要介绍了js实现黑色简易的滑动门网页tab选项卡效果,可实现简单的鼠标滑过tab项切换对应菜单的功能,涉及javascript鼠标事件控制页面元素的遍历与样式改变实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
这篇文章主要给大家介绍了关于es5 类与es6中class区别的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-11-11
这篇文章主要介绍了浅谈webpack对样式的处理，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
这篇文章主要介绍了微信小程序实现的一键复制功能,结合实例形式分析了微信小程序wx.setClipboardData接口实现操作粘贴板进行复制操作的相关使用技巧,需要的朋友可以参考下2019-04-04
最新评论