Top
Fork me on Gitee My Github

微信小程序页面跳转 A 跳 B,B 跳 A,A 返回不想返回 A

列表页跳转到A(详情,携带参数),A跳转到B(创建),创建后redirectTo(携带新的详情页参数)跳转回A,A页面点击返回按钮跳转回列表页,正常:点击A页面返回按钮,返回的是跳转B之前的A页面。期望:点击A页面返按钮,返回列表页。

有遇到同样的问题,这段描述自然能看懂。

直接想到的就是,storage存储,在onShow钩子函数中获取参数进行获取数据,不过写起来有点蹩脚,最后是在A点击返回的api上处理的,这样的话如果是手机自带的侧滑返回就还是返回了相同的A页面。

function navigateBackOptimized() {
  const pages = getCurrentPages(); // 当前页面栈
  let delta = 1; // 默认回退一页

  // 如果页面栈中只有一个页面,则尝试回退
  if (pages.length === 1) {
    wx.navigateBack();
    return;
  }

  // 从后往前遍历页面栈,寻找连续的'detail'页面
  for (let index = pages.length - 1; index > 0; index--) {
    const page = pages[index];
    if (!page.route.includes('detail')) {
      break; // 如果当前页面不是'detail',则停止遍历
    }
    delta++; // 如果是,则增加回退页数
  }

  // 使用计算出的delta值回退页面
  wx.navigateBack({ delta });
}

// 调用函数
navigateBackOptimized();
posted @   lisashare  阅读(19)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示