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');
}
相关推荐
天蓝色的鱼鱼1 天前
mescroll老用户亲测z-paging:这些功能让我果断切换!
前端·uni-app
anyup1 天前
🔥100+ 天,已全面支持鸿蒙!uView Pro 近期更新盘点及未来计划
前端·uni-app·harmonyos
半兽先生1 天前
uniapp高性能ui框架uni-ui
ui·uni-app
qq_316837752 天前
uniapp 观察列表每个元素的曝光时间
前端·javascript·uni-app
iOS阿玮2 天前
打个广告,帮忙招一个iOS开发的扛把子~
uni-app·app·apple
Cerrda2 天前
🌟让你的uniapp应用拥有更现代的交互体验,一个支持滚动渐变透明的导航栏组件🌟
uni-app
2501_916007472 天前
iOS 应用性能测试的工程化流程,构建从指标采集到问题归因的多工具协同测试体系
android·ios·小程序·https·uni-app·iphone·webview
00后程序员张2 天前
iOS 抓不到包怎么办?从 HTTPS 解密、QUIC 排查到 TCP 数据流分析的完整解决方案
android·tcp/ip·ios·小程序·https·uni-app·iphone
前端互助会2 天前
UNI-APP开发APP避坑指南:这些关键事项你必须掌握
uni-app
游戏开发爱好者83 天前
iOS 商店上架全流程解析 从工程准备到审核通过的系统化实践指南
android·macos·ios·小程序·uni-app·cocoa·iphone