uniapp返回上一页带参数

一、setData()方法
a页面跳转到b页面,b页面返回a页面,a页面获取b页面返回的值
例子:b页面进行操作后,返回a页面,要求a页面要进行刷新重新请求数据

b页面

change(){
	let pages = getCurrentPages();
	pages.forEach((item,index)=>{
		if(item.route == 'pages/a'){//判断上个页面的路径
			let prePage = pages[index]
			prePage.setData({//给上个页面设置数据,传给上个页面
				isRefresh:1
			})
		}
	})
}

a页面,要写在onShow()里

onShow(){
	let pages = getCurrentPages();
	let curPage = pages[pages.length - 1];
	//isRefresh是b页面返回给a页面的key
	if(!empty(curPage.data.isRefresh)){
		if(curPage.data.isRefresh == 1){
			...
			
		}
		curPage.setData({
			isRefresh:0
		})
	}
}

ps:这种方式貌似仅限小程序

二、uni.once()与uni.emit()
b页面

uni.$emit('isRefresh',1)

a页面

//需要放在onShow里获取,并且在function里this貌似不能用,会报错,所以需要在外面let that = this
//uni.$u.test.isEmpty()是uview判断空值的js
onShow() {
	let that = this
	uni.$once('isRefresh',function(data){
		if(!uni.$u.test.isEmpty(data)){
			that.fun()
			...
		}
	})
},
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Uniapp中,返回一页面并传递参数可以通过以下步骤实现: 1. 在当前页面通过uni.navigateBack()方法返回一页面。该方法用于关闭当前页面并返回一页面。 2. 在当前页面中可以通过uni.getOpenerEventChannel()方法获取上一页面传递的参数。该方法返回一个EventChannel对象,可以用于接收上一页面传递的参数。 3. 在上一页面中,需要通过uni.navigateTo()方法或者uni.redirectTo()方法打开当前页面,并在参数中传递需要传递的数据。 下面是一个示例代码,演示了如何在Uniapp返回一页面并传递参数: ```javascript // 当前页面 export default { methods: { goBackWithData() { const eventChannel = this.$uni.getOpenerEventChannel() eventChannel.emit('eventName', { data: '传递的参数' }) uni.navigateBack() } } } // 上一页面 export default { mounted() { const eventChannel = this.$uni.getOpenerEventChannel() eventChannel.on('eventName', (data) => { console.log(data) // 输出传递的参数 }) } } ``` 在上述示例中,我们在当前页面的`goBackWithData`方法中通过`eventChannel.emit()`方法传递参数,并通过`uni.navigateBack()`方法返回一页面。在上一页面的`mounted`生命周期钩子中通过`eventChannel.on()`方法监听事件,并获取传递的参数。 希望这个示例对你有所帮助。<span class="em">1</span> #### 引用[.reference_title] - *1* [Uniapp示例:返回并刷新上一页](https://download.csdn.net/download/qq_31646657/13657180)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值