千家信息网

微信小程序中怎么实现子向父传参

发表于:2026-11-02 作者:千家信息网编辑
千家信息网最后更新 2026年11月02日,小编给大家分享一下微信小程序中怎么实现子向父传参,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!微信小程序子页面如何向父页面
千家信息网最后更新 2026年11月02日微信小程序中怎么实现子向父传参

小编给大家分享一下微信小程序中怎么实现子向父传参,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

微信小程序子页面如何向父页面传递参数

有时候我们在做微信小程序项目的时候,会遇到如下的情况:有一个列表页,页面有一个筛选条件,点击之后跳转页面,进行条件的选择,选择完之后返回到列表页,根据筛选的条件进行数据的查询。一般这种情况更多的时候,我们看到的都是通过弹框形式来进行筛选条件进行处理的。那如果我们就想要跳转页面的这种交互方式,我们如何从子页面把参数传递到父页面呢?

问题

  • wx.navigateBack 无法携带参数,子页面无法向父页面传递参数。

子页面操作父页面数据

这个地方留意一下,我们是说的子页面操作父页面的数据。

在官方文档上有一个getCurrentPages的API(官网描述如下):

PageObject[] getCurrentPages()获取当前页面栈。数组中第一个元素为首页,最后一个元素为当前页面。

  • 不要尝试修改页面栈,会导致路由以及页面状态错误。

  • 不要在 App.onLaunch 的时候调用 getCurrentPages(),此时 page 还没有生成。

通过getCurrentPages这个API,我们可以获取到页面栈的数据,所以就可以获取到指定的页面,在子页面通过修改父页面数据的方式,我们就可以实现子页面向父页面传参的功能。

const pages = getCurrentPages();const gotoPage = pages[pages.length - 1];

所以pages[pages.length - 1]就为当前页面,父页面就为pages[pages.length - 2],依次类推,我们可以获取到其他的祖先页面。

然后再使用 setData 方法 gotoPage.setData({xxx: ''})来修改设置父页面的数据,从而达到子页面向父页面传递参数的目的。之后再通过 wx.navigateBack 进行页面返回即可。

其他解决方式

  • 组件

  • 弹框

如我们文章开头提到,如果是需要从子页面向父页面传递参数,那我们可以通过弹框的形式显示内容,选择完相应的数据之后,隐藏当前的弹框或者组件。

以上是"微信小程序中怎么实现子向父传参"这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

页面 数据 参数 程序 条件 内容 方式 时候 篇文章 选择 元素 形式 情况 更多 组件 从子 不怎么 功能 可以通过 地方 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 科技和互联网公司 互联网科技小贷 善班互联网科技 互联网与新科技 成都互联网科技公司 菲比寻常互联网科技 一五八零互联网科技 重庆科技学院互联网 四个字互联网科技公司取名 成都互联网科技公司100强 南山科技园互联网公司有哪些 厦门比较好的科技互联网公司 南平创想时代互联网科技有限公司 互联网行业科技股 互联网企业科技类企业如何做账 张召忠谈中国互联网科技 中国科技和美国互联网 兰石爱特工业互联网科技分公司 玉溪新华互联网科技怎么选 恒生科技指数 中概互联网 广州为想互联网科技有限公司 互联网科技公司华为 中国 科技 互联网 火传媒上海互联网科技 上海卓越科技 互联网 佩信高科技互联网 深圳前海聚择互联网科技有限公司 崇明区互联网教育科技售后服务 长沙茂晟互联网科技有限公司 互联网 科技节活动 微视频大赛
0