小程序路由（不同页面）之间的跳转 JavaScript爱好者的博客

小程序路由（不同页面）之间的跳转方式

闲来无事，写了个小片段，

① wx.switchTab(Object object)

注：在小程序中任意一个页面跳转到含有 tabBar 的页面

wx.switchTab({
      url: '你要跳转到的页面路由',//含有 tabBar 页面的路由
    })

② wx.reLaunch(Object object)

注：在小程序中关闭所有页面，打开到应用内的某/任意个页面

wx.reLaunch({
      url: '你要跳转到的页面路由',//含有/无 tabBar 页面的路由
    })

③ wx.redirectTo(Object object)

注：关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面

wx.redirectTo({
      url: '你要跳转到的页面路由',
    })

④ wx.navigateTo(Object object)

注：保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层

wx.navigateTo({
      url: '你要跳转到的页面路由',//不可以是含有 tabBar 的页面
    })

如果是含有 tabBar 的页面则会报以下的错误：

⑤ wx.navigateBack(Object object)

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

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

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

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

navigateTo 与 redirectTo 区别

navigateTo 跳转时，调用该方法的页面会被加入堆栈
redirectTo 方法则不会