小墨の博客

梦想需要付诸行动,否则只能是梦

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

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

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


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

created() {
  // 监听自定义事件
  uni.$on('refreshPreviousPage', this.refreshPreviousPage);
},
onUnload() {
  // 页面销毁时移除监听,避免重复监听
  uni.$off('refreshPreviousPage', this.refreshPreviousPage);
},
methods: {
  refreshPreviousPage(params) {
    // 这里执行刷新数据的操作,例如重新调用API获取数据
    // ......
  },
}


————————————————

本文参考CSDN博客,并对其中部分问题代码进行了改进

原文链接:https://blog.csdn.net/guochanof/article/details/140147351

张小弟之家

本文链接:
文章标题:

本站文章除注明转载/出处外,均为原创,若要转载请务必注明出处。转载后请将转载链接通过邮件告知我站,谢谢合作。本站邮箱:admin@only4.work

尊重他人劳动成果,共创和谐网络环境。点击版权声明查看本站相关条款。

    发表评论:

    搜索
    本文二维码
    标签列表
    站点信息
    • 文章总数:544
    • 页面总数:20
    • 分类总数:96
    • 标签总数:213
    • 评论总数:63
    • 浏览总数:284693

    | | |
    | |  Z-Blog PHP