uniapp:带参数回到上一页

场景:

从list跳转到detail,在detail页面修改数据成功,返回到list,更新list。

难点:

uni.navigateBack 无法像 uni.navigateTo 那样直接传递参数,我们需要想想其他办法。

第一步:

在list页面定义接收函数,关键点,一定要defineExpose。

javascript 复制代码
const getValue = (data) => {
        console.log('接收到的参数:', data); // 输出: { id: 123 }
        needUpdateId.value = data.id
    }
    // 必须要暴露,detail页面才能使用
    defineExpose({
        getValue
    })

第二步:

在detail页面,比如修改成功后,传递数据。

javascript 复制代码
const pages = getCurrentPages();
				const prevPage = pages[pages.length - 2]; // 获取上一页实例

				// 调用上一页的getValue方法并传参
				if (prevPage.$vm && typeof prevPage.$vm.getValue === 'function') {
					prevPage.$vm.getValue({
						id: alarmData.value.id
					});
				}
				// 返回上一页
				uni.navigateBack({
					delta: 1
				})
相关推荐
RisunJan2 小时前
uni-app 高频面试题与解答
uni-app
梦曦i12 小时前
@meng-xi/create-uni-app vs unibest:轻量脚手架与重型框架的定位之争
前端·uni-app
2501_915106321 天前
iOS数据采集技术详解:从性能监控到崩溃分析的全链路实践
android·ios·小程序·https·uni-app·iphone·webview
我爱写代码i2 天前
AI对话绘画数字人源码 - uniapp前端
前端·人工智能·uni-app
ModyQyW2 天前
vite-plugin-uni-pages 更新了什么
前端·uni-app
2501_915918412 天前
Flutter项目配置iOS混淆的详细步骤与工具推荐
android·flutter·ios·小程序·uni-app·cocoa·iphone
梦曦i2 天前
create-uni-app v1.2.0:交互体验优化
前端·uni-app
lhldsg3 天前
智慧场馆解决方案小程序开发实战:从架构设计到部署指南
java·小程序·uni-app
skiyee3 天前
🚀 用 17 行代码给 UniApp 加上全局登录拦截
前端·uni-app
Mark108593 天前
【踩坑】Uni-app微信小程序自定义组件在 Flex 布局中未铺满整行
微信小程序·小程序·uni-app