微信小程序开发记录（六）页面跳转的几种方法和区别

微信小程序页面跳转的方式有两种，1.wxml中使用标签跳转；2.js中使用微信提供API实现跳转；具体介绍如下：

1.在wxml中使用标签跳转

<navigator url="../index/index" open-type="navigate">跳转到新页面</navigator>  
<navigator url="../index/index" open-type="redirect">在当前页打开</navigator>  
<navigator url="../index/index" open-type="reLaunch">关闭所有页面，打开到应用内的某个页面</navigator>  
<navigator url="../index/index" open-type="switchTab">切换到首页Tab</navigator>
<navigator url="../index/index" open-type="navigateBack">关闭当前页面，返回上一级页面或多级页面</navigator>

2.在js中使用微信提供API实现跳转

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

// 关闭当前页面，跳转到应用内的某个页面。
wx.redirectTo({
  url: '../details/details'
})

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

// 关闭所有页面，打开到应用内的某个页面。
wx.reLaunch({
  url: '../details/details'
})

//返回上一级或者多级页面
wx.navigateBack({ 
  delta: 1, // 回退前 delta(默认为1) 页面 
})

注：微信小程序堆栈有五层页面的限制，根据具体情况具体处理。