uniapp 页面返回传参数

一、uni.navigateBack的传参方式

从页面B返回,A页接收数据

//页面B
onSubmit(){
    var pages = getCurrentPages();
    var prevPage = pages[pages.length - 2]; //上一个页面
    prevPage.$vm.reBackData("参数");
    uni.navigateBack({
        delta: 1
    })
}

//页面A -- 接收参数
reBackData(val){
    console.log(val);// 参数
},
 二、返回页面栈中指定的页面
removeDuplicatePages(pageUrl) {
	var pages = getCurrentPages();
	// console.log("pages", pages)

	var prevPage1 = pages[pages.length - 2];
	// console.log('prevPage1', prevPage1, pages.length - 2)

	const pageUrlIdx = pages.findIndex(page => page.route === pageUrl);
	if (pageUrlIdx > -1 && pages.length > pageUrlIdx + 1) {
		var backSteps = pages.length - 1 - pageUrlIdx;
		var prevPage = pages[pageUrlIdx];
		prevPage.$vm.reBackData("参数");

		// console.log("prevPage", prevPage)
		// console.log("pageUrlIdx", pageUrlIdx, "backSteps", backSteps)

		uni.navigateBack({
			delta: backSteps
		});
	}
},
三、uniapp 监听页面返回
export default {
  onLoad() {}, // 页面加载时触发
  onBackPress(options) {
    console.log('页面返回');
    if (options && options.from === 'navigateBack') {
      console.log('从上一个页面返回');
       // 这里可以编写处理返回事件的相应逻辑
    } else {
      console.log('直接按手机物理返回键返回');
      // 这里可以编写处理返回事件的相应逻辑
    }
  },
}

  • 2
    点赞
  • 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、付费专栏及课程。

余额充值