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
				})
相关推荐
2501_915921431 天前
iOS应用从开发到上架App Store的完整步骤详解
android·ios·小程序·https·uni-app·iphone·webview
小蒜学长3 天前
基于SpringBoot+uni-app的闪洁家政系统的设计与实现(代码+数据库+LW)
java·spring boot·后端·uni-app·家政服务
anyup_前端梦工厂3 天前
uni-app 模板 Starter 一键清理 Skill 发布
前端·人工智能·uni-app
anyup_前端梦工厂3 天前
将uni-app工程迁移uni-app x,AI 能帮我们做什么?
前端·人工智能·uni-app
蒿豪郝灬号3 天前
UniApp接入鸿蒙版阿里百川
华为·uni-app·harmonyos
2501_915921434 天前
详细教程:使用Perfdog工具测量iOS应用的功耗性能与优化方法
android·macos·ios·小程序·uni-app·cocoa·iphone
梦曦i4 天前
uni-app、uni-app x 与 Flutter 深度对比:2026年跨平台开发框架选型指南
flutter·uni-app·uni-app x
普马萨特5 天前
uni-app x 定位踩坑实录:H5/小程序/App 统一经纬度与逆地理编码
uni-app
Geek_Vison6 天前
保险APP已经用了Flutter,还能接入小程序吗?
flutter·小程序·uni-app·mpaas·小程序容器
郑州光合科技余经理6 天前
本地生活平台搭建:跨业态用户标识怎么贯通
java·开发语言·前端·后端·uni-app·php·ai编程