主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
本文带你了解微信小程序中的子页面如何向父页面传递参数,希望对你有所帮助!
如何将参数从微信小程序的子页面传递到父页面有时,当我们在处理一个微信小程序项目时,我们会遇到以下情况:有一个列表页面,并且该页面具有筛选条件。点击跳转到页面,选择条件,然后返回列表页面根据过滤条件查询数据。通常情况下,我们看到的是以框的形式过滤条件。那么如果我们要跳转到页面的这种交互方式,如何才能将参数从子页面传递到父页面呢?
【相关学习推荐:小程序开发教程】
问题wx.navigateBack无法携带参数,子页面无法将参数传递给父页面。子页面操作父页面的数据。注意这个地方。我们的意思是子页面操作父页面的数据。
官方文档中有一个getCurrentPages的API(官网描述如下):
PageObject【】getCurrentPages()获取当前页面堆栈。数组中的第一个元素是主页,最后一个元素是当前页面。
不要试图修改页面堆栈,这将导致路由和页面状态错误。App.onLaunch时不要调用getCurrentPages(),此时页面还没有生成。通过API getCurrentPages,我们可以获得页面堆栈的数据,因此我们可以获得指定的页面。在子页面中,我们可以通过修改父页面的数据来实现子页面向父页面传递参数的功能。
const pages = getCurrentPages();const goto page = pages【pages . length -1】;所以pages【pages . length -1】是当前页面,父页面是pages【pages . length -2】,以此类推,我们可以得到其他祖先页面。
然后使用setData方法gotopage . setData({ XXX:‘})对父页面的数据进行修改和设置,从而达到从子页面向父页面传递参数的目的。之后,您可以通过wx.navigateBack返回页面
正如我们文章开头提到的,如果需要将参数从子页面传递到父页面,那么我们可以以弹出框的形式显示内容,并在选择相应数据后隐藏当前弹出框或组件。
更多编程相关知识请访问:编程入门!!
这几篇文章你可能也喜欢:
本文由主机参考刊发,转载请注明:微信小程序中如何实现子对父的参数传递(页面沟通)(小程序父对子的价值传递) https://zhujicankao.com/111697.html
评论前必须登录!
注册