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

 更新时间: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实现二级菜单渐隐显示

    js实现二级菜单渐隐显示

    这篇文章主要介绍了js制作导航菜单实现二级菜单渐隐显示,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • javascript中的糖衣语法Promise对象详解

    javascript中的糖衣语法Promise对象详解

    这篇文章主要介绍了javascript中的糖衣语法Promise对象详解,Promise 对象代表了未来将要发生的事件,用来传递异步操作的消息,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-07-07
  • JavaScript实现简单的音乐播放器

    JavaScript实现简单的音乐播放器

    这篇文章主要为大家详细介绍了JavaScript实现简单的音乐播放器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • js实现tab栏切换制作

    js实现tab栏切换制作

    这篇文章主要为大家详细介绍了js实现tab栏切换制作,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 只出现一次的提示信息(js+cookies)

    只出现一次的提示信息(js+cookies)

    只显示一次的提示信息,刷新一页面或第二次来到这个页面,就不会再弹出提示窗口了,用在网页上是想当实用的吧,因为很多人都不希望经常弹出什么窗口,本效果因此会提升用户体验,让用户喜欢你的网页
    2013-03-03
  • js实现随机点名系统(实例讲解)

    js实现随机点名系统(实例讲解)

    下面小编就为大家带来一篇js实现随机点名系统(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • javascript实现在下拉列表中显示多级树形菜单的方法

    javascript实现在下拉列表中显示多级树形菜单的方法

    这篇文章主要介绍了javascript实现在下拉列表中显示多级树形菜单的方法,涉及javascript属性菜单的定义、构造及遍历等技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • javascript实现右侧弹出“分享到”窗口效果

    javascript实现右侧弹出“分享到”窗口效果

    这篇文章主要为大家介绍了javascript实现右侧弹出“分享到”窗口效果,以一个完整的js右侧弹出“分享到”窗口的实例代码进行分析,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • javascript解决innerText浏览器兼容问题思路代码

    javascript解决innerText浏览器兼容问题思路代码

    innerText浏览器兼容这块始终都是一个问题,下面与大家分享下使用javascript解决,感兴趣的朋友可以参考下哈,希望对你有所帮助
    2013-05-05
  • 用显卡加速,轻松把笔记本打造成取暖器的办法!

    用显卡加速,轻松把笔记本打造成取暖器的办法!

    本篇文章小编为大家介绍,用显卡加速,轻松把笔记本打造成取暖器的办法!需要的朋友可以参考一下
    2013-04-04

最新评论