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

发布时间 - 2026-01-11 00:15:37    点击率:

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

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

采取的方法:

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

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


# 微信小程序中子页面向父页面传值  # 小程序页面传值  # 微信小程序 传值取值的几种方法总结  # 微信小程序 页面传值详解  # 微信小程序自定义组件封装及父子间组件传值的方法  # 微信小程序 数据封装  # 参数传值等经验分享  # 微信小程序实现页面跳转传值以及获取值的方法分析  # 微信小程序自定义组件传值 页面和组件相互传数据操作示例  # 微信小程序传值以及获取值方法的详解  # 微信小程序 页面跳转如何实现传值  # 微信小程序:数据存储、传值、取值详解  # 微信小程序页面返回传值的4种解决方案汇总  # 一张图  # 直接调用  # 很容易  # 我们可以  # 希望能  # 这个时候  # 所示  # 中去  # 谢谢大家  # 放着  # 点选  # 从而使  # span  # Page  # style  # color  # 微信小  # strong  # currentfriend  # prevPage 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Laravel怎么使用Intervention Image库处理图片上传和缩放  重庆市网站制作公司,重庆招聘网站哪个好?  Laravel distinct去重查询_Laravel Eloquent去重方法  Windows10怎样连接蓝牙设备_Windows10蓝牙连接步骤【教程】  如何使用 jQuery 正确渲染 Instagram 风格的标签列表  Laravel Pest测试框架怎么用_从PHPUnit转向Pest的Laravel测试教程  Python文本处理实践_日志清洗解析【指导】  Laravel如何实现图片防盗链功能_Laravel中间件验证Referer来源请求【方案】  Laravel如何为API生成Swagger或OpenAPI文档  php结合redis实现高并发下的抢购、秒杀功能的实例  Laravel如何处理CORS跨域请求?(配置示例)  html文件怎么打开证书错误_https协议的html打开提示不安全【指南】  香港服务器建站指南:外贸独立站搭建与跨境电商配置流程  Laravel如何发送系统通知?(Notification渠道示例)  html5如何设置样式_HTML5样式设置方法与CSS应用技巧【教程】  ,在苏州找工作,上哪个网站比较好?  焦点电影公司作品,电影焦点结局是什么?  如何快速选择适合个人网站的云服务器配置?  Laravel队列任务超时怎么办_Laravel Queue Timeout设置详解  php 三元运算符实例详细介绍  Laravel事件监听器怎么写_Laravel Event和Listener使用教程  Win11怎么修改DNS服务器 Win11设置DNS加速网络【指南】  浅谈Javascript中的Label语句  如何在服务器上三步完成建站并提升流量?  Laravel Fortify是什么,和Jetstream有什么关系  头像制作网站在线观看,除了站酷,还有哪些比较好的设计网站?  LinuxShell函数封装方法_脚本复用设计思路【教程】  如何快速搭建高效服务器建站系统?  Laravel如何使用软删除(Soft Deletes)功能_Eloquent软删除与数据恢复方法  Laravel如何使用Laravel Vite编译前端_Laravel10以上版本前端静态资源管理【教程】  清除minerd进程的简单方法  高性价比服务器租赁——企业级配置与24小时运维服务  如何在浏览器中启用Flash_2025年继续使用Flash Player的方法【过时】  Laravel如何实现一对一模型关联?(Eloquent示例)  Laravel怎么处理异常_Laravel自定义异常处理与错误页面教程  Laravel如何获取当前登录用户信息_Laravel Auth门面使用与Session用户读取【技巧】  如何在万网主机上快速搭建网站?  JS经典正则表达式笔试题汇总  Laravel如何使用Service Provider注册服务_Laravel服务提供者配置与加载  HTML5建模怎么导出为FBX格式_FBX格式兼容性及导出步骤【指南】  Laravel如何实现邮件验证激活账户_Laravel内置MustVerifyEmail接口配置【步骤】  Laravel如何集成Inertia.js与Vue/React?(安装配置)  Laravel队列由Redis驱动怎么配置_Laravel Redis队列使用教程  Laravel如何实现全文搜索_Laravel Scout集成Algolia或Meilisearch教程  Linux网络带宽限制_tc配置实践解析【教程】  东莞专业网站制作公司有哪些,东莞招聘网站哪个好?  如何快速搭建高效WAP手机网站吸引移动用户?  Laravel如何配置中间件Middleware_Laravel自定义中间件拦截请求与权限校验【步骤】  Laravel怎么实现验证码功能_Laravel集成验证码库防止机器人注册  网站建设要注意的标准 促进网站用户好感度!