• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > 微信小程序中子页面向父页面传值实例详解

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

作者:天下雪 字体:[增加 减小] 来源:互联网 时间:2017-05-11

天下雪通过本文主要向大家介绍了子页面传值给父页面,父页面向子页面传值,iframe传值到父页面,子父页面传值,中国中子弹之父等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

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

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

采取的方法:

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

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

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

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

相关文章

  • 2017-05-11AngularJS中update两次出现$promise属性无法识别的解决方法
  • 2017-09-27input 按 enter键后,光标不移走
  • 2017-05-11jQuery 判断元素整理汇总
  • 2017-05-11vue父子组件的数据传递示例
  • 2017-05-11Vue.js实现一个漂亮、灵活、可复用的提示组件示例
  • 2017-05-11在点击div中的p时,如何阻止事件冒泡
  • 2017-05-11深入理解Javascript箭头函数中的this
  • 2017-05-11jQuery Validate表单验证插件的基本使用方法及功能拓展
  • 2017-05-11干货!教大家如何选择Vue和React
  • 2017-05-11Webpack中css-loader和less-loader的使用教程

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 详解JS中的立即执行函数
    • JS/jquery实现一个网页内同时调用多个倒计时的方法
    • 简单实现bootstrap选项卡效果
    • Javascript中字符串和数字的操作方法整理
    • BootStrap Datetimepicker 汉化的实现代码
    • 干货!教大家如何选择Vue和React
    • apicloud简单封装ajax
    • canvas实现探照灯效果
    • jquery pagination分页插件使用详解(后台struts2)
    • JavaScript Uploadify文件上传实例

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有