【uniapp】返回上一层修改上一层页面data中某个属性的值

本文详细介绍了在页面生命周期中监听返回上一层事件的方法,通过`getCurrentPages()`获取页面栈并操作上一个页面的数据。在H5环境中,使用`_data`直接修改标题;在小程序中,通过`$vm._data`进行更新。最后,调用`uni.navigateBack()`返回上一页面。此方法适用于需要在返回时更新上一页面状态的场景。
摘要由CSDN通过智能技术生成

此方法只针对点击按钮返回上一层
页面生命周期的返回上一层事件监听参考官方文档onBackPress传送门

goback(){
	var pages = getCurrentPages();// 获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。
	var currPage = pages[pages.length - 1];   //当前页面
	var prevPage = pages[pages.length - 2];  //上一个页面
	//prevPage.route获取上一页面的页面路径
	//条件编译
	//#ifdef H5 
	prevPage._data.title =  '我回来了' //h5中的修改方法
	//#endif
	//#ifdef MP
	prevPage.$vm._data.title =  '我回来了'//小程序中的修改方法
	//#endif
	uni.navigateBack()//返回上一页面
}
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值