前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >小程序跳转页面的3种方式总结

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

原创
作者头像
红色扛把子
修改2019-07-31 11:11:10
3.5K0
修改2019-07-31 11:11:10
举报
文章被收录于专栏:黑客秘密

一、跳转到 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大于现有页面数,则返回到首页。
})

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档