uni-app 中uni.navigateBack 跳转方法返回上一页携带参数

最新推荐文章于 2025-04-29 10:24:59 发布

杨葱儿

最新推荐文章于 2025-04-29 10:24:59 发布

阅读量7.6k

点赞数 1

分类专栏： uni-app

本文链接：https://blog.youkuaiyun.com/weixin_44285250/article/details/108755706

版权

uni-app 专栏收录该内容

40 篇文章

订阅专栏

本文介绍了一种在uni-app中实现跨页面参数传递的方法。通过使用getCurrentPages()获取页面栈实例列表，可以轻松地在从B页面返回A页面时更新A页面的数据。此技巧对于需要在不同页面间传递和更新数据的应用场景非常实用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//A页面
data() {
	return {
		sercode: "CQHY"//定义了给B页返携带参数赋值
	}
},
methods: {
	tapcode: function() {
		uni.navigateTo({
			url:'../code/code'
		});
	}
}


	// B页面
	let pages = getCurrentPages();  //获取所有页面栈实例列表
	let nowPage = pages[ pages.length - 1];  //当前页页面实例
	let prevPage = pages[ pages.length - 2 ];  //上一页页面实例
	prevPage.$vm.sercode= item;   //修改上一页data里面的sercode参数值
	uni.navigateBack({  //uni.navigateTo跳转的返回，默认1为返回上一级
		delta: 1
	});