小程序左上角返回按钮功能修改（这个是不能修改的但是这样做）

最新推荐文章于 2025-10-13 19:15:02 发布

原创最新推荐文章于 2025-10-13 19:15:02 发布 · 4.1w 阅读

16 ·

CC 4.0 BY-SA版权

技术（javascript）同时被 2 个专栏收录

114 篇文章

订阅专栏

微信小程序(1)

7 篇文章

订阅专栏

本文介绍了一种在小程序中优化报修流程的方法，通过在不同页面间传递变量来控制导航行为，实现特定条件下的自动跳转，提升用户体验。

我先说一下我的项目要求，从A页面点击报修进到B页面（B页面只有一条数据马上跳转到C页面）C页面可以点击左上角返回等等。。。说白一点就是我想要点击左上角的返回按钮来实现跳转指定的页面

这个我研究就只有这种写法（用户体验可能也不是很好）

来到C页面（报修）index.js（自己打印出来看看）

给B页面的变量赋值

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var pages = getCurrentPages() //  获取页面栈
    console.log(pages)
    var prevPage = pages[pages.length - 2]    // 上一个页面
    prevPage.setData({ // 给上一个页面变量赋值
      isRouteMy: '2'
    })

}

B页面（设备报修项目）index.js（判断这个变量返回跳转到自己需要的页面）

onShow: function () {
    // 获取当前路由判断是否要返回上一页(防止只有一个项目不能返回)
    if (this.data.isRouteMy == '2') {
      wx.switchTab({
        url: '../../me/me',
        success: function (e) {
          var page = getCurrentPages().pop();
          if (page == undefined || page == null) return;
          page.onLoad();
        }
      })
    }