uniApp实现navigateBack返回修改前一页面数据(H5、APP、小程序)

前言:

官方有推荐用VUEX实现此类需求的,但是目前不太了解,先分享下目前的解决方案,之后熟悉了再更新下。

1、H5和APP/小程序的解决方案是不一样的,虽然都是通过getCurrentPages,但打印出来的前一页面的结构是不同的。
2、如果有问题的话打印prevPage仔细看下。

H5

getAddress(e){
				if(this.isGetAddress == 1){
					let index = e.currentTarget.dataset.index
					var pages = getCurrentPages();
					var currPage = pages[pages.length - 1];   //当前页面
					var prevPage = pages[pages.length - 2];  //上一个页面
					//将前一页的address和address_id修改为当前选中的
					prevPage._data.address = this.addressLists[index].address
					prevPage._data.address_id = this.addressLists[index].id
					//因为修改的是data里面的绑定数据,所以返回后页面数据会直接显示修改后的
					uni.navigateBack()
				}
			},

APP/小程序

getAddress(e){
				if(this.isGetAddress == 1){
					let index = e.currentTarget.dataset.index
					var pages = getCurrentPages();
					var currPage = pages[pages.length - 1];   //当前页面
					var prevPage = pages[pages.length - 2];  //上一个页面
					// console.log(prevPage)
					// 按照打印结构这样赋值虽然成功但页面数据不会修改
// 					prevPage.data.$root[0].address = this.addressLists[index].address
// 					prevPage.data.$root[0].address_id = this.addressLists[index].id
					prevPage.setData({
						selectedAddress : this.addressLists[index].address,
						selectedAddressID : this.addressLists[index].id
					})
					uni.navigateBack()
				}
			},
//前一页的onShow方法,把setData的数据赋值到当前页面绑定的变量上
onShow(e) {
	let pages = getCurrentPages();
	let currPage = pages[pages.length-1];
	if(currPage.data.selectedAddress==undefined || currPage.data.selectedAddress==''){
		
	}else{
		this.address = currPage.data.selectedAddress
		this.address_id = currPage.data.selectedAddressID
	}
},
  • 6
    点赞
  • 26
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值