微信小程序-页面跳转

大家好，又见面了，我是你们的朋友全栈君。

       微信小程序的页面跳转非常简单，既可以调用微信自己写好的API跳转，又可以使用wxml页面组件跳转。实现页面跳转现在又三种方式，分别是保留当前页面，跳转到某个页面；关闭当前页面，跳转到某个页面；跳转到tabBar页面。下面分别介绍一下与之对应的API：

1.wx.navigateTo()

      需要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数。参数与路径之间使用?分隔，参数键与参数值用=相连，不同参数用&分隔；如 ‘path?key=value&key2=value2’

// 保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。
// 注意：调用 navigateTo 跳转时，调用该方法的页面会被加入堆栈，但是 redirectTo 
wx.navigateTo({
  url: 'page/index/index'
})
wx.navigateBack({
  delta:1
})

2.wx.redirectTo()

      需要跳转的应用内非 tabBar 的页面的路径，路径后可以带参数。参数与路径之间使用?分隔，参数键与参数值用=相连，不同参数用&分隔；如 ‘path?key=value&key2=value2’

// 关闭当前页面，跳转到应用内的某个页面。
wx.redirectrTo({
  url: 'page/index/index'
})
// 关闭所有页面，打开到应用内的某个页面。
wx.reLanch({
  url: 'page/home/home'
})

3.wx.switchTab()

      需要跳转的应用内页面路径 , 路径后可以带参数。参数与路径之间使用?分隔，参数键与参数值用=相连，不同参数用&分隔；如 ‘path?key=value&key2=value2’，如果跳转的页面路径是 tabBar 页面则不能带参数

// 跳转到tabBar页面（在app.json中注册过的tabBar页面），同时关闭其他非tabBar页面。
wx.switchTab({
  url: 'page/index/index'
})