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


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中的DOM操作
Mar 21 Javascript
写给想学习Javascript的朋友一点学习经验小结
Nov 23 Javascript
Javascript实现滑块滑动改变值的实现代码
Apr 12 Javascript
使用Jquery实现每日签到功能
Apr 03 Javascript
Node.js操作Firebird数据库教程
Mar 04 Javascript
JavaScript头像上传插件源码分享
Mar 29 Javascript
jquery实现图片跟随鼠标的实例
Oct 17 jQuery
解决微信小程序防止无法回到主页的问题
Sep 28 Javascript
浅谈VueJS SSR 后端绘制内存泄漏的相关解决经验
Dec 20 Javascript
Vue 进阶之路(三)
Apr 18 Javascript
Flutter部件内部状态管理小结之实现Vue的v-model功能
Jun 11 Javascript
Layui表格监听行单双击事件讲解
Nov 14 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采集时被封ip的解决方法
2010/08/29 PHP
浅谈PHP接收POST数据方式
2015/06/05 PHP
thinkphp5框架结合mysql实现微信登录和自定义分享链接与图文功能示例
2019/08/13 PHP
Laravel框架处理用户的请求操作详解
2019/12/20 PHP
JQuery对id中含有特殊字符的转义处理示例
2013/09/06 Javascript
wap图片滚动特效无css3元素纯js脚本编写
2014/08/22 Javascript
兼容Firefox的Javascript XSLT 处理XML文件
2014/12/31 Javascript
解决js页面滚动效果scrollTop在FireFox与Chrome浏览器间的兼容问题的方法
2015/12/03 Javascript
Webpack 实现 AngularJS 的延迟加载
2016/03/02 Javascript
详解JavaScript表单验证(E-mail 验证)
2016/03/31 Javascript
javascript简易画板开发
2020/04/12 Javascript
JavaScript函数基础详解
2017/02/03 Javascript
Bootstrap模态窗口源码解析
2017/02/08 Javascript
jQuery实现动态删除LI的方法
2017/05/30 jQuery
vue高德地图之玩转周边
2017/06/16 Javascript
从对象列表中获取一个对象的方法,依据关键字和值
2017/09/20 Javascript
vue代理和跨域问题的解决
2018/07/18 Javascript
React实现全局组件的Toast轻提示效果
2018/09/21 Javascript
如何制作一个Node命令行图像识别工具
2018/12/12 Javascript
vue中axios的二次封装实例讲解
2019/10/14 Javascript
javascript 设计模式之享元模式原理与应用详解
2020/04/08 Javascript
JS highcharts动态柱状图原理及实现
2020/10/16 Javascript
Python的Urllib库的基本使用教程
2015/04/30 Python
django项目运行因中文而乱码报错的几种情况解决
2017/11/07 Python
python3 发送任意文件邮件的实例
2018/01/23 Python
python3.7.0的安装步骤
2018/08/27 Python
pandas如何处理缺失值
2019/07/31 Python
详解Django将秒转换为xx天xx时xx分
2019/09/27 Python
详解pycharm自动import所需的库的操作方法
2020/11/30 Python
CSS3媒体查询Media Queries基础学习教程
2016/02/29 HTML / CSS
仓库管理制度
2014/01/21 职场文书
十佳美德少年事迹材料
2014/02/05 职场文书
有限责任公司股东合作协议书
2014/12/02 职场文书
出纳试用期自我评价
2015/03/10 职场文书
高中美术教学反思
2016/02/17 职场文书
CSS3鼠标悬浮过渡缩放效果
2021/04/17 HTML / CSS