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
				})
相关推荐
华玥作者16 小时前
从“碎片化”到“资产化”:Vue3 + UniApp 组件库的进化论
ui·uni-app·vue·组件库
Crystal32816 小时前
App wgt 热更新 — 开发笔记(uniapp)
前端·uni-app·app
大阳光男孩17 小时前
【UniApp小程序开发】解决无法使用Vue自定义指令的完美替代方案:权限组件封装
前端·vue.js·uni-app
2501_9159184117 小时前
Linux 上生成 AppStoreInfo.plist,App Store 上架 iOS
android·ios·小程序·https·uni-app·iphone·webview
只要微微辣17 小时前
Uniapp 微信小程序 Canvas画框标注:拖拽缩放全攻略
前端·微信小程序·uni-app·canvas·canva可画
我命由我1234518 小时前
Dart - 数字类型、布尔类型、列表类型
android·开发语言·flutter·ios·uni-app·android jetpack·移动端
一朵盆栽18 小时前
uni-app用Windows系统开发iOS端
ios·uni-app·cocoa
anyup2 天前
uni-app X 全屏引导页组件,一套支持 App、H5、小程序多端引导
前端·架构·uni-app
织_网3 天前
UniApp 快速集成个推推送(UniPush2.0)完整实战教程
uni-app