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() 返回上级页面内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了es6中Promise 对象基本功能与用法,结合实例形式分析了es6中Promise对象的基本功能、用法及操作注意事项,需要的朋友可以参考下2020-02-02
这篇文章主要介绍了js闭包用法,结合实例形式分析了JS闭包的概念、功能及相关操作技巧,需要的朋友可以参考下2016-12-12
本节主要介绍了ie8下面处理 new Date()的问题,需要的朋友可以参考下2014-07-07
javascript showModalDialog 内跳转页面的问题
在页面中使用了showModalDialog，但是在跳转链接时，不会在当前页执行，而是弹出一个新的页面。2010-11-11
JS建造者模式是一种创建型设计模式,它可以用于构建复杂对象的创建过程,将对象的构建步骤和表示分离,以便能够灵活地构建不同的对象,本文将通过代码示例给大家详细的介绍一下JS建造者模式的用法,需要的朋友可以参考下2023-08-08
基于 Bootstrap 的 jQuery 表格插件，通过简单的设置，就可以拥有强大的单选、多选、排序、分页，以及编辑、导出、过滤（扩展）等等的功能2017-06-06
JS组件中bootstrap multiselect两大组件较量
这篇文章主要介绍了JS组件中bootstrap multiselect两大组件，两者之间的较量，优缺点比较，感兴趣的小伙伴们可以参考一下2016-01-01
这篇文章主要为大家详细介绍了微信小程序实现日期格式化和倒计时，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-06-06
这篇文章主要介绍了JS实现文字向下滚动的方法,以一个完整实例形式详细分析了html页面布局、css样式及对应的js滚动功能实现技巧,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了微信小程序实现多张照片上传功能,当服务器的状态码为200且图片上传完毕后将图片的src转化为Json字符串存在数组中以便将其添加到数据库,本文通过实例代码介绍的非常详细,需要的朋友可以参考下2024-03-03
最新评论