小程序 顶部返回按钮

 路由的实现方案：

 

目录

一、switchTab--跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。

二、reLaunch--关闭所有页面，打开到应用内的某个页面。

三、redirectTo-关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。

四、navigateTo--保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。

五、navigateBack--关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages 获取当前的页面栈，决定需要返回几层。

 

---

一、switchTab--跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。

gotoPage1(){// switchTab-跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面
      wx.switchTab({
        url: '../../../index/index',
        success: function(res){
          // success
          wx.showToast({
            title:'成功111',
            icon:'none'
          })
        },
        fail: function() {
          // fail
          wx.showToast({
            title:'失败',
            icon:'none'
          })
        },
        complete: function() {
          // complete
          wx.showToast({
            title:'好好学习，天天向上！',
            icon:'none'
          })
        }
      })
    },

需要在json里配置好tabBar页面（tabBar至少有2个页面）：

  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页"
    },{
      "pagePath": "pages/other/index",
      "text": "其他"
    }]
  },

 

---

二、reLaunch--关闭所有页面，打开到应用内的某个页面。

gotoPage2(){// reLaunch-关闭所有页面，打开到应用内的某个页面
      wx.reLaunch({
        url: '../../products/ylS1908002/index',
        success: (res) => {
          // success
          wx.showToast({
            title:'成功进入222',
            icon:'none'
          })
        },
        fail: () => {
          wx.showToast({
            title:'失败',
            icon:'none'
          })
        },
        complete: () => {
          wx.showToast({
            title:'好好学习，天天向上！',
            icon:'none'
          })
        }
      });
    },

 

---

三、redirectTo-关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。

gotoPage3(){// redirectTo-关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。
      wx.redirectTo({
        url: '../../products/ylS1908003/index',
        success: function(res){
          // success
          wx.showToast({
            title:'成功进入333',
            icon:'none'
          })
        },
        fail: function() {
          // fail
          wx.showToast({
            title:'失败',
            icon:'none'
          })
        },
        complete: function() {
          // complete
          wx.showToast({
            title:'好好学习，天天向上！',
            icon:'none'
          })
        }
      })
    },

 

---

四、navigateTo--保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。

gotoPage4(){// navigateTo-保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。
      wx.navigateTo({
        url: '../../products/ylS1908005/index',
        success: function(res){
          // success
          wx.showToast({
            title:'成功进入444',
            icon:'none'
          })
        },
        fail: function() {
          // fail
          wx.showToast({
            title:'失败',
            icon:'none'
          })
        },
        complete: function() {
          // complete
          wx.showToast({
            title:'好好学习，天天向上！',
            icon:'none'
          })
        }
      })
    },

 

---

五、navigateBack--关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages 获取当前的页面栈，决定需要返回几层。

    data:{
        pageNum:0
    }

    onLoad: function (options) {
      // 获取总页面数
      var pageNum = getCurrentPages().length;// 是2
      this.setData({// 设置前一个页面数
        "pageNum" : pageNum-2
      });
    },

    gotoPage5(){// navigateBack-关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages 获取当前的页面栈，决定需要返回几层。
      wx.navigateBack({
        delta: this.data.pageNum, // 回退前 delta(默认为1) 页面
        success: function(res){
          // success
          wx.showToast({
            title:"成功返回上一页",
            icon: 'none'
          })
        },
        fail: function() {
          // fail
          wx.showToast({
            title:'失败',
            icon:'none'
          })
        },
        complete: function() {
          // complete
          wx.showToast({
            title:'好好学习，天天向上！',
            icon:'none'
          })
        }
      })
    }