解决uniapp在小程序中点击返回键传参的问题

最新推荐文章于 2024-07-26 10:15:14 发布

翟同学

最新推荐文章于 2024-07-26 10:15:14 发布

阅读量1.5k

点赞数 1

文章标签： js javascript 小程序 uni-app

本文链接：https://blog.csdn.net/weixin_44364001/article/details/110475424

版权

实现效果

A页面 —点击进入—> B页面

B页面 —点击返回键，并传递参数—> A页面

实现过程

在B页面写一个返回传参的方法

returnBack(status){	
			var pages = getCurrentPages();
			var prevPage = pages[pages.length - 2]; //上一个页面
			 //直接调用上一个页面的setData()方法，把数据存到上一个页面中去
			// 上一个页面最后设置userdata
			prevPage.setData({
			     userdata: {
			       'status':status
			     }
			   })
			   uni.navigateBack({//返回
			     delta: 1
			   })
			},

在B页面的onUnload()调用该方法
```
onUnload(){
			this.returnBack(2)	
		}
```

在A页面的onShow()中接受该参数

onShow() {
			var pages = getCurrentPages();
			var currPage = pages[pages.length - 1]; //当前页面
			let res = currPage.data.userdata;
			console.log(res) //为传过来的值
		},