uniapp中getCurrentPages()使用,页面传值

一getCurrentPages()

getCurrentPages()函数用来获取当前页面栈的实例,数组形式给出,文档getCurrentPages() | uni-app官网

二基本使用

uniapp中页面传参可以通过onLoad(),但是每次都需要删除页面,当需要保留某些操作就无法实现

getCurrentPages()方法,就适合不销毁上一个页面,并且保留操作和继续传参

三案例

将数据负值,并返回到上一个页面

//页面A
changeColor(item){
	let that = this
    //获得页面实例
	let pages =getCurrentPages();
    //当前页面 pages.length-1    上一个页面 pages.length -2
    //prevPage.route此页面的路由
	let prevPage = pages[pages.length -2];
    //修改上一个页面的实例
	prevPage.$vm.test1 = '测试1'
	prevPage.$vm.test2 = '测试2'
	prevPage.$vm.test3 ='测试3'
    //返回到上一个页面
	uni.navigateBack({
		delta:1
	})
},

页面获取数据

//页面b
onShow(){
    //getCurrentPages()获得了实例,并且直接加到页面B
    //prevPage = pages[pages.length -2];相当于获得页面B的实例并增加了test1,test2,test3三个参数
    this.test1== '测试1' //true
    console.log(this.test2,this.test2) //测试2测试3
}

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值