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

本站:VPS参考评测推荐,专注分享VPS服务器优惠信息!若您是商家也可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
部分文章发布时间较久远,可能存在未知因素,购买时建议在本站搜索商家名称,可查看相关文章充分了解商家!若非中文页面可使用谷歌浏览器同步翻译!PayPal代付/收录合作

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

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

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

问题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://本站.com/76950.html

推荐站内搜索:工信部备案查询、香港云主机、代理ip地址、工业和信息化部网站备案系统、用ip查地址、icp快速备案、asp虚拟主机、美国主机租用php网站空间、国外php主机、