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
				})
相关推荐
Dumbness1 天前
订阅消息弹窗必须在用户点击里调:联调实验室里 timing 和 Mock 支付通知踩的坑
javascript·uni-app
码间留白2 天前
uni-app 鸿蒙离线打包:一个改动从源码到真机要穿过几条链
uni-app·鸿蒙·deveco·离线打包·uts插件
多客:duokelijie3 天前
代练订单系统选型思路:跨品类游戏接入、订单分层管理、自动结算逻辑拆解!
数据库·mysql·微信小程序·前端框架·uni-app·php·持续部署
码间留白3 天前
鸿蒙端对接 BLE 血压计:从一次握手到读数入库(二)设备篇
物联网·uni-app·鸿蒙·蓝牙ble·血压计
华玥作者4 天前
Vue 3 + TypeScript + uni-app 组件库推荐:hy-app(华玥组件库)
vue.js·typescript·uni-app
FinelyYang4 天前
uniapp使用kkfileview在线预览ppt,excel,word,pdf类型文件
pdf·uni-app·powerpoint
2501_916008894 天前
iPhone 设备信息查看,用 KeyMob 看型号、序列号、电池健康和 UDID
android·ios·小程序·https·uni-app·iphone·webview
ModyQyW5 天前
vite-plugin-uni-manifest 0.7:在 uni-app 读取之前生成
前端·uni-app
lyz2468595 天前
uniapp vue3 小程序开发注意事项
uni-app
雪芽蓝域zzs5 天前
WebStorm Uniapp Support + Uniapp Tool + Uniappx Language Service讲解
vue.js·uni-app·webstorm