当前位置：首页 > uniapp > 正文内容

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

关中浪子4年前 (2021-02-08)uniapp1907

买泛域名SSL证书送5斤装现摘猕猴桃一箱、同时提供技开源商城搭建免费技术支持。
泛域名ssl证书 239元1年送1个月、单域名39元1年，Sectigo（原Comodo证书）全球可信证书，强大的兼容性，高度安全性,如有问题7天内可退、可开发票
加微信VX 18718058521 备注SSL证书
【腾讯云】2核2G4M云服务器新老同享99元/年，续费同价

前言：

官方有推荐用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
	}
	},