如何在微信小程序中实现亲子沟通(页面沟通)

本文带你了解微信小程序的子页面是如何向父页面传递参数的。希望对你有帮助！

如何将微信小程序子页面的参数转移到父页面？有时候，我们在做微信小程序项目的时候，会遇到以下几种情况:有一个带有过滤条件的列表页面。单击跳转到页面并选择条件。选择后，我们将返回列表页面，根据过滤条件查询数据。一般这种情况更多的时候，我们看到的是筛选条件以子弹盒的形式进行处理。如果我们想要这种交互方式的跳转页面，我们如何将参数从子页面传递到父页面？

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

问题wx.navigateBack无法携带参数，子页面无法向父页面传递参数。子页面操作父页面的数据。注意这个地方。我们的意思是子页面操作父页面的数据。

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

Page [] getCurrentPages()获取当前页面堆栈。数组中的第一个元素是主页，最后一个元素是当前页面。

不要试图修改页面堆栈，这将导致路由和页面状态错误。App.onLaunch时不要调用getCurrentPages()，页面还没有生成。通过API getCurrentPages，我们可以得到页面堆栈的数据，这样就可以得到指定的页面。通过在子页面中修改父页面的数据，可以实现子页面向父页面传递参数的功能。

const pages = getCurrentPages()；const gotoPage = pages[pages . length -1]；因此，pages[pages.length - 1]是当前页面，父页面是pages[pages.length - 2]，以此类推，我们可以得到其他的祖先页面。

然后使用setData方法gotopage . setData({ XXX: # 39；'})来修改父页面上的数据集，从而达到子页面向父页面传递参数的目的。然后通过wx.navigateBack返回页面

其他解决方案组件弹出框正如我们在文章开头提到的，如果需要将参数从子页面传递到父页面，那么我们可以以弹出框的形式显示内容，选择相应的数据后隐藏当前的弹出框或组件。

有关编程的更多信息，请访问:编程入门！！这就是微信小程序中如何实现孩子与家长的沟通(页面沟通)的细节。请多关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• 手把手指导你在小程序中实现保存图片的功能（小程序申请保存图片到相册）
• 如何在小程序中创建页面二维码
• 小程序如何动态制作小程序码分析（如何在小程序中动态生成小程序二维码图片）
• 如何解决小程序中的重启跳转错误（小程序重启）
• 教你如何部署微信小程序并上线（如何在线部署小程序）

本文由主机参考刊发，转载请注明：如何在微信小程序中实现亲子沟通(页面沟通) https://zhujicankao.com/76950.html