微信小程序中子页面向父页面传值实例详解
微信小程序中子页面向父页面传值实例详解
上面一张图是编辑款项页面，下面一张图是点击了编辑款项页面中选择好友的图标后打开的子页面。这个时候点选子页面的某个好友时，需要把好友的名字传递回编辑款项父页面。
采取的方法：
从页面路由栈中直接获取和操作目标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 //当前选择的好友名字赋值给编辑款项中的姓名临时变量 });
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
-
本文向大家介绍微信小程序 页面传值详解，包括了微信小程序 页面传值详解的使用技巧和注意事项，需要的朋友参考一下 微信小程序 页面传值详解 一. 跨页面传值. 1 . 用 navigator标签传值或 wx.navigator, 比如 这里将good_id=16 参数传入detail页面, 然后detail页面的 onload方法内接受. 如果需要传多个参数, 用 & 链接即可 如果要传 数组, 字
-
本文向大家介绍微信小程序 页面跳转传递值几种方法详解，包括了微信小程序 页面跳转传递值几种方法详解的使用技巧和注意事项，需要的朋友参考一下 微信小程序 页面跳转传递值 微信小程序导航有两种形式：一种是在写在js中进行跳转，另一种是写在wxml页面中进行跳转。 1、js导航 （1）、wx.navigateTo(OBJECT) ：保留当前页面，跳转到应用内的某个页面，使用wx.navigateBac
-
本文向大家介绍javascript父子页面通讯实例详解，包括了javascript父子页面通讯实例详解的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了javascript父子页面通讯的实现方法。分享给大家供大家参考。具体分析如下： 如果一个domain为 www.abc.com的页面内部包含一个name属性值为childFrame的iframe，并且这个iframe的domain为 sta
-
本文向大家介绍layer.open 子页面弹出层向父页面传输数据的例子，包括了layer.open 子页面弹出层向父页面传输数据的例子的使用技巧和注意事项，需要的朋友参考一下 子页面向父页面传数据，利用弹出页面点击确定时返回的参数，即yes:function(index,layero){}的layero。 关键就一句： obj可以调用子页面的方法，这样就可以通过子页面传递数据了。 以上这篇laye
-
本文向大家介绍微信小程序页面传多个参数跳转页面的实现方法，包括了微信小程序页面传多个参数跳转页面的实现方法的使用技巧和注意事项，需要的朋友参考一下 这里举例跳转两个参数 传递多少个也可以 这里传参数 我写作 data-item data-id 来绑定 同事加了点击事件bindtap 在index.js 在 data 里我写的是假数据 在跳转页面的函数里传e 后面定义的东西根据e来确定 可以在con
-
本文向大家介绍微信小程序左右滑动切换页面详解及实例代码，包括了微信小程序左右滑动切换页面详解及实例代码的使用技巧和注意事项，需要的朋友参考一下 微信小程序——左右滑动切换页面事件 微信小程序的左右滑动触屏事件，主要有三个事件：touchstart，touchmove，touchend。 这三个事件最重要的属性是pageX和pageY，表示X，Y坐标。 touchstart在触摸开始时触发事件; t