uniapp返回上一页并传递参数,上一页接收参数并刷新数据

因为navigateBack不支持携带参数,所以只能触发一个自定义事件,并传递参数 params 给上一页。

javascript 复制代码
// 触发自定义事件,并返回上一页
uni.$emit('refreshPreviousPage', params);
//返回上一页
uni.navigateBack({ delta: 1 });

在上一页的 onShow 生命周期钩子中监听这个事件,并执行刷新数据的操作。

javascript 复制代码
// 监听自定义事件
onShow() {
  uni.$on('refreshPreviousPage', (params) => {
    // 这里执行刷新数据的操作,例如重新调用API获取数据
    this.refreshData(params);
  });
},
methods: {
  refreshData(params) {
    // 这里实现数据的刷新逻辑
  }
},
onUnload() {
  // 页面销毁时移除监听,避免重复监听
  uni.$off('refreshPreviousPage');
}
相关推荐
2501_9160074717 小时前
iOS开发中抓取HTTPS请求的完整解决方法与步骤详解
android·网络协议·ios·小程序·https·uni-app·iphone
00后程序员张21 小时前
Windows 下怎么生成 AppStoreInfo.plist?不依赖 Xcode 的方法
ide·macos·ios·小程序·uni-app·iphone·xcode
__zRainy__1 天前
uni-app 全局容器实战系列(二):Vite 虚拟模块
windows·uni-app
__zRainy__1 天前
uni-app 全局容器实战系列(一):全局容器的实现
uni-app·vite
安生生申1 天前
uni-app 连接 JDY-31 蓝牙串口模块实践
c语言·前端·javascript·stm32·单片机·嵌入式硬件·uni-app
小离a_a1 天前
uniapp小程序封装圆环显示比例数据
android·小程序·uni-app
__zRainy__1 天前
uni-app 全局容器实战系列(三):全局 NavBar 和 TabBar 组件设计
uni-app
一颗小青松2 天前
uniapp输入框fixed定位,导致页面顶起解决方案
前端·uni-app
2501_915106322 天前
深入解析无源码iOS加固原理与方案,保护应用安全
android·安全·ios·小程序·uni-app·cocoa·iphone
万能小林子2 天前
2026 AI开发新范式:Vibe Coding生成网页 + 3分钟打包成App,非技术人也能独立发布自己的App!
人工智能·uni-app·ai编程·web app·vibecoding