微信小程序路由跳转

487 阅读1分钟

路由方式跳转

  • wx.switchTab() 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面
    wx.switchTab({
      url: '/index'
    })
  • wx.reLaunch() 关闭所有页面,打开到应用内的某个页面
    wx.reLaunch({
      url: 'test?id=1'
    })
  • wx.redirectTo()关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。
    wx.redirectTo({
      url: 'test?id=1'
    })
  • wx.navigateTo()保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层
    wx.navigateTo({
      url: 'test?id=1'
    })
  • wx.navigateBack() 关闭当前页面,返回上一页面或多级页面。可通过 wx.getCurrentPages 获取当前的页面栈,决定需要返回几层。
// 此处是A页面
    wx.navigateTo({
      url: 'B?id=1'
    })

// 此处是B页面
    wx.navigateTo({
      url: 'C?id=1'
    })

// 在C页面内 navigateBack,将返回A页面
    wx.navigateBack({
      delta: 2
    })