小程序跳转页面的3种方式总结

2019-07-31 11:11:10 浏览数 (2)

一、跳转到 tabBar 页面

wx.switchTab()方法用来跳转至tabBar页面,并关闭其他所有非 tabBar 页面,示例代码如下:

代码语言:javascript复制
wx.switchTab({
  url: '/index'
})

二、跳转到其他页面(非tabBar页)

小程序中跳转至其他页面有三种方法,这三种方法分别是是wx.redirectTo()、wx.navigateTo()以及wx.reLaunch(),他们的区别是redirectTo方法会关闭当前页面,navigateTo方法并不会关闭当前页面,而reLaunch方法会关闭所有页面。需要注意的是,这两种方法都不可以跳转至tabBar页面。方法示例如下:

//redirectTo方法

代码语言:javascript复制
wx.redirectTo({
  url: '/page'//页面路径
})

//navigateTo方法

代码语言:javascript复制
wx.navigateTo({
  url: '/page'//页面路径
})

//reLaunch方法

代码语言:javascript复制
wx.reLaunch({
  url: '/page'//页面路径
})

三、返回上一页面或返回多级页面

wx.navigateBack()方法用来返回上一页面或多级页面,并关闭当前页面。示例代码如下:

//navigateBack方法

代码语言:javascript复制
wx.navigateBack({
  delta: 2 //返回的页面数,1为返回上一页,如果delta大于现有页面数,则返回到首页。
})

0 人点赞