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


Posted in Javascript onMarch 20, 2017

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

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

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

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

采取的方法:

从页面路由栈中直接获取和操作目标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 //当前选择的好友名字赋值给编辑款项中的姓名临时变量
  });

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
jQuery的live()方法对hover事件的处理示例
Feb 27 Javascript
详解JS函数重载
Dec 04 Javascript
jQuery插件制作的实例教程
May 16 Javascript
js判断用户是输入的地址请求的路径(实例讲解)
Jul 18 Javascript
不得不看之JavaScript构造函数及new运算符
Aug 21 Javascript
使用D3.js构建实时图形的示例代码
Aug 28 Javascript
详解Node.js 中使用 ECDSA 签名遇到的坑
Nov 26 Javascript
iview实现select tree树形下拉框的示例代码
Dec 21 Javascript
Vue 实现手动刷新组件的方法
Feb 19 Javascript
微信小程序自定义导航栏实例代码
Apr 05 Javascript
Vue.js中Line第三方登录api的实现代码
Jun 29 Javascript
JavaScript代码实现简单计算器
Dec 27 Javascript
JS查找英文文章中出现频率最高的单词
Mar 20 #Javascript
vue.js中指令Directives详解
Mar 20 #Javascript
基于vue的fullpage.js单页滚动插件
Mar 20 #Javascript
windows下vue.js开发环境搭建教程
Mar 20 #Javascript
js中DOM三级列表(代码分享)
Mar 20 #Javascript
深入对Vue.js $watch方法的理解
Mar 20 #Javascript
jQuery is not defined 错误原因与解决方法小结
Mar 19 #Javascript
You might like
PHP 解决session死锁的方法
2013/06/20 PHP
浅析关于PHP位运算的简单权限设计
2013/06/30 PHP
Win2003+apache+PHP+SqlServer2008 配置生产环境
2014/07/29 PHP
PHP实现的sqlite数据库连接类
2014/12/12 PHP
PHP给源代码加密的几种方法汇总(推荐)
2018/02/06 PHP
关于Javascript 的 prototype问题。
2007/01/03 Javascript
百度 popup.js 完美修正版非常的不错 脚本之家推荐
2009/04/17 Javascript
js返回前一页刷新本页重载页面
2014/07/29 Javascript
JavaScript学习笔记之Cookie对象
2015/01/22 Javascript
jquery图片切换实例分析
2015/04/15 Javascript
jQuery插件expander实现图片翻转特效
2015/05/21 Javascript
Angular 数据请求的实现方法
2018/05/07 Javascript
python实现百度关键词排名查询
2014/03/30 Python
python 简单的多线程链接实现代码
2016/08/28 Python
python编程测试电脑开启最大线程数实例代码
2018/02/09 Python
python email smtplib模块发送邮件代码实例
2018/04/26 Python
django自带的server 让外网主机访问方法
2018/05/14 Python
Python3.x爬虫下载网页图片的实例讲解
2018/05/22 Python
Python实现自定义函数的5种常见形式分析
2018/06/16 Python
Python数据持久化shelve模块用法分析
2018/06/29 Python
对python requests发送json格式数据的实例详解
2018/12/19 Python
PyCharm 设置SciView工具窗口的方法
2019/01/15 Python
pandas 层次化索引的实现方法
2019/07/06 Python
pandas读取CSV文件时查看修改各列的数据类型格式
2019/07/07 Python
Python是什么 Python的用处
2020/05/26 Python
python 删除系统中的文件(按时间,大小,扩展名)
2020/11/19 Python
详解HTML5 Canvas绘制不规则图形时的非零环绕原则
2016/03/21 HTML / CSS
html5调用app分享功能示例(WebViewJavascriptBridge)
2018/03/21 HTML / CSS
家得宝加拿大家装网上商店:The Home Depot加拿大
2016/08/27 全球购物
P/Invoke是什么
2015/07/31 面试题
应届生高等护理求职信
2013/10/12 职场文书
2015届本科毕业生自我鉴定
2014/09/27 职场文书
2015年人事工作总结范文
2015/04/09 职场文书
物业接待员岗位职责
2015/04/15 职场文书
2019最新版试用期劳动合同模板!
2019/07/04 职场文书
微信小程序结合ThinkPHP5授权登陆后获取手机号
2021/11/23 PHP