微信小程序中如何实现子向父传参（页面通信）

发布日期： 2021-10-12 阅读量： 作者： 网络

本篇文章带大家了解一下微信小程序中子页面如何向父页面传递参数，希望对大家有所帮助！

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

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

【相关学习推荐：小程序开发教程】

问题

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

子页面操作父页面数据

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

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

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

不要尝试修改页面栈，会导致路由以及页面状态错误。
不要在 App.onLaunch 的时候调用 getCurrentPages()，此时 page 还没有生成。

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

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

# 微信小程序 # 页面通信 # 子向父传参

上一篇: vue3怎么使用vuex

下一篇: wordpress要学php么

微信小程序中如何实现子向父传参（页面通信）

随便看看