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


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学习笔记之jQuery选择器的使用
Dec 22 Javascript
Javascript改变CSS样式(局部和全局)
Dec 18 Javascript
Bootstrap中的Panel和Table全面解析
Jun 13 Javascript
jQuery实现根据滚动条位置加载相应内容功能
Jul 18 Javascript
过期软件破解办法实例详解
Jan 04 Javascript
Node.js常用工具之util模块
Mar 09 Javascript
JS实现简易刻度时钟示例代码
Mar 11 Javascript
js笔试题-接收get请求参数
Jun 15 Javascript
js实现文章目录索引导航(table of content)
May 10 Javascript
vue输入框使用模糊搜索功能的实现代码
May 26 Javascript
解决ant-design-vue中menu菜单无法默认展开的问题
Oct 31 Javascript
JS前端使用canvas实现扩展物体类和事件派发
Aug 05 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中return 和 exit 、break和contiue 区别与用法
2012/04/09 PHP
PHP抓取、分析国内视频网站的视频信息工具类
2014/04/02 PHP
PHP获取mysql数据表的字段名称和详细信息的方法
2014/09/27 PHP
php实现CSV文件导入和导出
2015/10/24 PHP
thinkphp命名空间用法实例详解
2015/12/30 PHP
php生成txt文件实例代码介绍
2016/04/28 PHP
PHP进行批量任务处理不超时的解决方法
2016/07/11 PHP
PHP实现对数组分页处理实例详解
2017/02/07 PHP
JQuery UI的拖拽功能实现方法小结
2012/03/14 Javascript
JavaScript中的this关键字介绍与使用实例
2013/06/21 Javascript
Extjs NumberField后面加单位实现思路
2013/07/30 Javascript
微信浏览器内置JavaScript对象WeixinJSBridge使用实例
2015/05/25 Javascript
javascript字符串与数组转换汇总
2015/05/26 Javascript
简介JavaScript中fixed()方法的使用
2015/06/08 Javascript
jQuery简单实现两级下拉菜单效果代码
2015/09/15 Javascript
Node.js的Express框架使用上手指南
2016/03/12 Javascript
js创建数组的简单方法
2016/07/27 Javascript
微信小程序 rich-text的使用方法
2017/08/04 Javascript
微信小程序switch开关选择器使用详解
2018/01/31 Javascript
JavaScript中import用法总结
2019/01/20 Javascript
使用vue-cli3新建一个项目并写好基本配置(推荐)
2019/04/24 Javascript
如何使用CSS3+JQuery实现悬浮墙式菜单
2019/06/18 jQuery
[01:48]2018DOTA2亚洲邀请赛主赛事第二日五佳镜头 VG完美团战逆转TNC
2018/04/05 DOTA
[05:23]DOTA2-DPC中国联赛2月1日Recap集锦
2021/03/11 DOTA
Python二维码生成库qrcode安装和使用示例
2014/12/16 Python
利用Python读取文件的四种不同方法比对
2017/05/18 Python
Pycharm设置utf-8自动显示方法
2019/01/17 Python
Python Django模板之模板过滤器与自定义模板过滤器示例
2019/10/18 Python
详解使用CSS3的@media来编写响应式的页面
2017/11/01 HTML / CSS
美国轻奢时尚购物网站:REVOLVE(支持中文)
2020/07/18 全球购物
学前班教师的自我鉴定
2013/12/05 职场文书
顶岗实习接收函
2014/01/09 职场文书
学校2016年九九重阳节活动总结
2016/04/01 职场文书
2019垃圾分类宣传口号汇总
2019/08/16 职场文书
详解python的内存分配机制
2021/05/10 Python
Win11怎么进入安全模式?Windows 11进入安全模式的方法
2021/11/21 数码科技