uniapp中使用 uni.navigateBack() 返回上级页面并传参的方法
更新时间：2023年10月09日 11:13:55 作者：@Kacie
最近遇到这样的需求在A页面中通过跳转到B页面,在B页面中处理的数据,需要跳转回A页面供其使用,本文给大家分享uniapp中使用 uni.navigateBack() 返回上级页面并传参的操作方法,感兴趣的朋友一起看看吧
uni.navigateBack() 返回上级页面并传参
需求：在A页面中通过跳转到B页面，在B页面中处理的数据，需要跳转回A页面供其使用
方法：
- 在B页面的跳转事件中
1.使用 getCurrentPages() 详情见官方文档
获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面
2.获得上个页面实例
3.给上个页面实例绑定方法和参数
4.返回上一页面
代码展示：
// 返回A页
goPageA(idx){
// 1. 获取当前页面栈实例（此时最后一个元素为当前页）
let pages = getCurrentPages()
// 2. 上一页面实例
// 注意是length长度，所以要想得到上一页面的实例需要 -2
// 若要返回上上页面的实例就 -3，以此类推
let prevPage = pages[pages.length -2]
// 3. 给上一页面实例绑定getValue()方法和参数（注意是$vm）
prevPage.$vm.getValue(this.list)
// 4. 返回上一页面
uni.navigateBack({
delta: 1 // 返回的页面数
})
}在A页面中使用刚刚绑定的getValue()方法接收B页面传递的数据
getValue(list){
console.log(list,'B页面传递的数据')
}到此这篇关于uniapp中使用 uni.navigateBack() 返回上级页面并传参的文章就介绍到这了,更多相关uniapp使用 uni.navigateBack() 返回上级页面内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
您可能感兴趣的文章:
相关文章
这篇文章主要为大家详细介绍了微信小程序音乐播放器开发，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-11-11
我们会经常在开发过程中,需要获取数组中的值累加,所以下面这篇文章主要给大家介绍了关于JavaScript如何实现数组内的值累加的相关资料,文中给出了详细的代码示例,需要的朋友可以参考下2023-11-11
这篇文章介绍了Javascript 遮罩层和加载效果代码，有需要的朋友可以参考一下2013-08-08
这篇文章主要介绍了js简单遍历获取对象中的属性值的方法,涉及javascript使用for循环遍历json对象属性值的简单操作技巧,需要的朋友可以参考下2019-06-06
这篇文章主要为大家详细介绍了Javasript设计模式之链式调用的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-04-04
这篇文章主要为大家详细 介绍了JS实现可视化文件上传，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-09-09
这篇文章主要介绍了WordPress中利用AJAX技术进行评论提交的实现示例,整个处理的关键点在于文中的ajax_comment函数,需要的朋友可以参考下2016-01-01
这篇文章主要介为大家详细绍了Bootstrap CSS组件之大屏幕展播的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章主要介绍了浅谈微信小程序之官方UI框架we-ui使用教程，WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，感兴趣的小伙伴们可以参考一下2018-08-08
这篇文章主要介绍了JS浅拷贝和深拷贝原理与实现方法,结合实例形式分析了javascript浅拷贝及深拷贝相关概念、原理、实现方法与操作注意事项,需要的朋友可以参考下2019-02-02
最新评论